什麼是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屬性。
例如:
<div ng-app=""></div>
ng-app指令定義了一個angularjs應用程序。(ng-app告訴angularjs,<div>元素時angularjs應用程序的“所有者”,也就是說我們後續使用angularjs中所有的方法,指令等都是在這個“所有者”中完成。)
angularjs表達式:
angularjs表達式是寫在雙大括號內的:{{ }}。
angularjs表達式把數據綁定到html上。
angularjs將在表達式書寫的位置“輸出”數據。(也就是說{{ }}中就是用來顯示輸出的數據)。
angularjs中表達式可以包含文字,運算符或定義的函數名,變量等。
例如:
{{1 * 2}}、{{myFunction()}}、{{firstName + " " + lastName}}
angularjs應用
angularjs模塊(module)定義了angularjs的應用
angularjs控制器(controller)用於控制angularjs應用
例如:
<div ng-app="myApp">
<div ng-controller="myCtrl"></div>
</div>
<script>
var app = module("myApp",[]);
app.controller("myCtrl",function($scope){
// 定義屬性的值,傳入視圖層的表達式中。
});
</script>
angularjs模塊定義應用:
var app = angular.module("myApp",[]);
angularjs控制器控制應用:
app.controller("",function($scope){
// 定義屬性的值,傳入視圖層的表達式中。
});
注意:在angular中定義模塊與控制器是不可或缺。
如有理解不當之處,歡迎各位老鐵留言指正。謝謝!!!!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章