這一節(jié)中，開(kāi)始一些比較新的東西了，但都會(huì)從簡(jiǎn)入深的學(xué)習(xí)，不用擔(dān)心理解不了，這里都會(huì)以白話的形式去描述

指令 directive 可以干什么

directive 允許我們自定義一些非標(biāo)準(zhǔn)的HTML標(biāo)簽，便于我們的業(yè)務(wù)需要的處理

一個(gè)簡(jiǎn)單的 button 指令

將Angularjs 開(kāi)始之Hello world中的JS代碼部分修改為以下內(nèi)容

angular.module('MyApplication', []).controller('HelloWorld', ['$scope', function($scope){$scope.text = "Hello world";}]).directive('button', function(){return {link: function(scope, elements, attrs) {elements.addClass('btn');}};});

然后運(yùn)行后，通過(guò)審查元素的方式，查看BUTTON 按鈕，程序已經(jīng)自動(dòng)的為 BUTTON增加了命名為 btn 的 class

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。