這一節中，開始一些比較新的東西了，但都會從簡入深的學習，不用擔心理解不了，這里都會以白話的形式去描述

指令 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

總結

以上是生活随笔為你收集整理的开始学习一个指令 directive 并了解指令的意义的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。