本篇文章主要的介紹了關於angularjs的介紹,讓大家明白什麼是angularjs,需要了解angularjs哪些內容都在文章裡,現在就讓我們一起來閱讀本篇文章吧
在學習angularjs之前首先我們需要了解什麼是angularjs?
1、angularjs是專為應用程式設計的HTML。
a:angularjs把應用程式資料綁定到了html。
b:angularjs可以複製和重複html。
c:angularjs可以隱藏和顯示html。
d:angularjs可以在html元素中加入程式碼。
e:angularjs支援輸入驗證。
angularjs是Javascript的框架,它是透過指令擴展了html,透過表達式綁定資料到html中。在angularjs中設定了很多的指令,我們可以透過這些指令就能很輕鬆的完成複雜的任務。
什麼是angularjs指令:
#angularjs指令是以ng為前綴的html屬性。
例如:
<p ng-app=""></p>
ng-app指令定義了一個angularjs應用程式。 (ng-app告訴angularjs,e388a4556c0f65e1904146cc1a846bee元素時angularjs應用程式的“所有者”,也就是說我們後續使用angularjs中所有的方法,指令等都是在這個“所有者”中完成。)(想看更多就到PHP中文網AngularJS開發手冊中學習)
#angularjs表達式:
angularjs表達式是寫在雙大括號內的:{{ }}。
angularjs表達式把資料綁定到html。
angularjs將在表達式書寫的位置「輸出」資料。 (也就是說{{ }}中就是用來顯示輸出的資料)。
angularjs中表達式可以包含文字,運算子或定義的函數名,變數等。
例如:
{{1 * 2}}、{{myFunction()}}、{{firstName " " lastName}}
angularjs應用程式
angularjs模組(module)定義了angularjs的應用程式
angularjs控制器(controller)用於控制angularjs應用程式
#例如:
6c13a1a3b09fba4a8d7eb81e8b934aa9 dc47981a3d19b199b9afb13dba0bca4a94b3e26ee717c64999d7867364b1b4a3 94b3e26ee717c64999d7867364b1b4a3 3f1c4e4b6b16bbbd69b2ee476dc4f83a var app = module("myApp",[]); app.controller("myCtrl",function($scope){// 定义属性的值,传入视图层的表达式中。}); 2cacc6d41bbb37262a98f745aa00fbf0
angularjs模組定義應用程式:
var app = angular.module("myApp",[]);
#angularjs控制器控制應用程式:
app.controller("",function($scope){// 定义属性的值,传入视图层的表达式中。});
#注意:在angular中定義模組與控制器是不可或缺。
好了,這篇文章到這就結束了(想看更多就到PHP中文網AngularJS使用手冊中學習),有問題的可以在下方留言提問。
以上是angularjs是什麼? angularjs的詳細解釋(內附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!