Este artículo describe el método de AngularJS utilizando directivas directivas personalizadas para implementar la herencia de atributos. Compártelo para su referencia, como sigue:
1. Código HTML:
<! Doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> </title> <script src = "../../ content/plugins/angular/angular.min.js"> </script> </head> <body ng-app = "mainapp" ng-confontroller = "principal controller"> <quber-grid style = "border: 1px sólido #f00;"> </ber-rid> </body> </html>
2. Archivo tmp.html
<Div Quber-Grid-Attr> ¡Soy el contenido de la plantilla para la prueba! </div>
3. Código JS:
//Initialize the Angular object var myNg = angular.module('mainApp', []);myNg.directive('quberGrid', function () { return { restrict: 'EA', replace: true,//Remove the <quber-grid> tag templateUrl: 'tmp.html', link: function (sco, ele, attr) { //Notify the subordinate DOM and execute the Evento llamado SendChildGridattr SCO. $ Broadcast ('SendChildGridattr', attr); (val, key, obj) {if (key! = '$ attr' && key! = '$$ elemento') {// Establecer los atributos y los valores de la etiqueta attr. }}; }}; }); myng.controller ('principalController', function ($ scope) {});Los efectos son los siguientes:
Espero que este artículo sea útil para la programación AngularJS de todos.