为什么选择AngularJS指令?

时间:2016-09-27 09:18:38

标签: jquery angularjs data-binding angularjs-directive dom-manipulation

DOM操作和数据绑定也可以使用Jquery完成。使用AngularJS指令有什么好处?

2 个答案:

答案 0 :(得分:1)

最简单的说,AngularJS中的指令是一个可重用的组件。 AngularJS中的指令以语义方式封装元素的所有行为属性和功能,从而将所有功能组合在一起。这有助于在一个位置跟踪一个HTML部分的更改,而不是在脚本中跟踪全局级别的更改。

更正式的指令定义是:在AngularJS中,指令是在AngularJS模块中定义的JavaScript工厂函数,它包含一组用于定义DOM元素的指定行为的HTML编译器指令。

样本指令代码

var myApp = angular.module(‘myApp’, []);
 myApp.directive(‘helloWorld’, function() {
    return {
        restrict: ‘E’,
template: ‘<h1>Hello World</h1>’
    };
});

<body ng-app=“myApp”>
    <hello-world></hello-world>
</body>

要了解有关指令的更多信息,请点击link

答案 1 :(得分:0)

Angular js是双向绑定,因此它将减少编写更多代码。如果任何实例被更改,那么它将反映在页面的任何地方