บทความนี้อธิบายวิธีการของ AngularJs โดยใช้คำสั่ง Directive Custom เพื่อใช้การสืบทอดแอตทริบิวต์ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
1. รหัส HTML:
<! doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "html; charset = utf-8"/> src = "../../ เนื้อหา/ปลั๊กอิน/angular/angular.min.js"> </script> </head> <body ng-app = "mainapp" ng-controller = "maincontroller"> <quber-grid style = "border: 1px solid #f00;"> </quber-grid>
2. ไฟล์ tmp.html
<Div Quber-Grid-ATTR> ฉันเป็นเนื้อหาเทมเพลตสำหรับการทดสอบ! </div>
3. รหัส JS:
// เริ่มต้นวัตถุเชิงมุม var myng = angular.module ('mainapp', []); myng.directive ('Qubergrid', ฟังก์ชั่น () {return {จำกัด : 'ea', แทนที่: จริง, // ลบ <prober-grid> tagurl: 'tmp.html' SendChildGridattr sco. $ broadcast ('sendchildgridattr', attr);}};}); myng.directive ('Qubergridattr', ฟังก์ชั่น () {return {จำกัด : 'a', link: function คีย์, obj) {ถ้า (คีย์! = '$ attr' && & - - - myng.controller ('MainController', ฟังก์ชั่น ($ scope) {});ผลกระทบมีดังนี้:
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม AngularJS ของทุกคน