为什么首选 AngularJS 指令？答案

【问题标题】：Why AngularJS directives are preferred?为什么首选 AngularJS 指令？
【发布时间】：2017-02-04 20:34:33
【问题描述】：

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

【问题讨论】：

是的，可以在指令链接函数中完成 :)
指令比 jquery 强大得多。 airpair.com/angularjs/posts/…
因为其他人已经为您编写了 jquery，具有单元测试和 1000 多个行业安装。你认为你的代码会那么健壮吗？更多信息在这里：stackoverflow.com/tags/angularjs/info

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

【解决方案1】：

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

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

指令代码示例

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

【讨论】：

【解决方案2】：

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

【讨论】：