本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考,具体如下:
& lt; !doctype html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> AngularJS自定义指令与控制器数据交互& lt;/title>
& lt; !——& lt;脚本src=" http://cdn.bootcss.com/angular.js/1.3.15/angular.js "祝辞& lt;/script>——比;
& lt;脚本src=" https://www.yisu.com/lib/angular/angular.js "祝辞& lt;/script>
& lt; script>
角。模块(“yyApp”, [])
范式(yyHelloController,函数(范围){
美元的范围。data=https://www.yisu.com/zixun/{
名称:“张”三
}
}）
范式(yyHelloController2,函数(范围){
美元的范围。data=https://www.yisu.com/zixun/{
名称:“李”四
}
}）
.directive (yyHello,函数(){
返回{
限制:“AE”,
替换:没错,
模板:“& lt; div name=" {{data.name}}”在你好,{{data.name}} & lt;/div>”
};
}）;
& lt;/script>
& lt;/head>
& lt;身体ng-app=yyApp的祝辞
& lt; yy-hello ng-controller=' yyHelloController '祝辞& lt;/yy-hello>
& lt; div ng-controller=yyHelloController2的祝辞
& lt;输入类型=拔谋尽眓g-model=癲ata.name”比;
& lt; yy-hello> & lt;/yy-hello>
& lt;/div>
& lt;/body>
& lt;/html>
之前
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》,《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
