この記事では、属性継承を実装するためのディレクティブカスタムディレクティブを使用してAngularJの方法について説明します。次のように、参照のために共有してください。
1。HTMLコード:
<!doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <pittit/<titl> <titl> </<pitr> src = "../../コンテンツ/プラグイン/angular/angular.min.js"> </script> </head> <body ng-app = "mainapp" ng-controller = "maincontroller"> <quber-grid style = "border:border:border:border:1px solid#f00;"> </quber-grid> </html> </html>
2。TMP.htmlファイル
<div quber-grid-attr>私はテストのテンプレートコンテンツです! </div>
3。JSコード:
// Angular Objectの初期化var myng = angular.module( 'mainapp'、[]); myng.directive( 'qubergrid'、function(){return {restrict: 'ea'、fact:true、// <quber-grid> tag templateurl: 'tmp.html'、rink:untif(sco、eel、note(sco、notife)bersion sendchildgridattr sco。$ broadcast( 'sendchildgridattr'、attr); myng.directive( 'qubergridattr'、function(){retrent: 'a'、link:function(sco、ele、attr){sco. $ on( 'seed for、ema (key、obj){if(key!= '$ attr' && key!= '$$ element') }}; }}; }); myng.controller( 'maincontroller'、function($ scope){});効果は次のとおりです。
この記事がすべての人のAngularJSプログラミングに役立つことを願っています。