开始学习一个指令 directive 并了解指令的意义
最后更新于：2022-04-01 19:57:31
> 这一节中，开始一些比较新的东西了，但都会从简入深的学习，不用担心理解不了，这里都会以白话的形式去描述
### 指令 directive 可以干什么
directive 允许我们自定义一些非标准的HTML标签，便于我们的业务需要的处理
### 一个简单的 button 指令
将Angularjs 开始之Hello world中的JS代码部分修改为以下内容
~~~
angular.module('MyApplication', [])
.controller('HelloWorld', ['$scope', function($scope){
$scope.text = "Hello world";
}])
.directive('button', function(){
return {
link: function(scope, elements, attrs) {
elements.addClass('btn');
}
};
});
~~~
然后运行后，通过审查元素的方式，查看BUTTON 按钮，程序已经自动的为 BUTTON增加了命名为 btn 的 class
';