Dieser Artikel beschreibt die Methode von AngularJs mithilfe benutzerdefinierter Richtlinien zur Implementierung der Attributvererbung. Teilen Sie es für Ihre Referenz wie folgt weiter:
1. HTML -Code:
<!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-controller = "maincontroller"> <quber-grid style = "border: 1px solide #f00;
2. Tmp.html -Datei
<Div quber-grid-attr> Ich bin der Vorlageninhalt für den Test! </div>
3. JS Code:
// Initialisieren Sie das Angular-Objekt var myng = angular.module ('mainApp', []); myng.directive ('quberGrid', function () {return {Restrict: 'ea', ersetzen Sie: true, // Entfernen Sie die <quber-grid> tagsurl: 'tmp.html', link: function (sco, function (sco) (sco) (sco, function (sco) (sco) (sco, function (sco SendChildGridattr Sco. Schlüssel, obj) {if (key! = '$ attr' && key! }}; }}; }); myng.controller ('mainController', function ($ scope) {});Die Effekte sind wie folgt:
Ich hoffe, dieser Artikel wird für die AngularJS -Programmierung aller hilfreich sein.