> 这一节中,开始一些比较新的东西了,但都会从简入深的学习,不用担心理解不了,这里都会以白话的形式去描述
### 指令 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