http://www.digitaltwin.tv/

AngularJS实现自界说指令与节制器数据交互的要领

这篇文章主要先容了AngularJS实现自界说指令与节制器数据交互的要领,团结详细实例形式阐明白AngularJS自界说指令的实现以及与节制器数据交互的操纵能力,需要的伴侣可以参考下

本文实例报告了AngularJS实现自界说指令与节制器数据交互的要领。分享给各人供各人参考,详细如下:

<!doctype html> <html> <head> <meta charset="utf-8"> <title>AngularJS自界说指令与节制器数据交互</title> <!-- <script src="http://cdn.bootcss.com/angular.js/1.3.15/angular.js"></script>--> <script src=""></script> <script> angular.module('yyApp', []) .controller('yyHelloController', function($scope){ $scope.data = { name: '张三' } }) .controller('yyHelloController2', function($scope){ $scope.data = { name: '李四' } }) .directive('yyHello', function(){ return{ restrict: 'AE', replace: true, template: '<div>你好,{{data.name}}</div>' }; }); </script> </head> <body ng-app='yyApp'> <yy-hello ng-controller='yyHelloController'></yy-hello> <div ng-controller='yyHelloController2'> <input type="text" ng-model='data.name'> <yy-hello></yy-hello> </div> </body> </html>

更多关于AngularJS相关内容感乐趣的读者可查察本站专题:《AngularJS指令操纵能力总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

但愿本文所述对各人AngularJS措施设计有所辅佐。

您大概感乐趣的文章:

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

相关文章阅读