ng-app指令【angularJs第一篇】


angularJs共有4大模塊構成MVC,模塊和依賴注入、指令,雙向數據綁定,雖然分為四大塊但是我覺得無論使用那一塊的知識都離不開指令,也就是說指令貫穿整個angularJs的應用。MVC里的控制器ng-controller是指令,獲取、同步數據ng-model是指令;模塊和依賴注入ng-app也是指令;雙向數據綁定更不用說。所以說指令是angularJs的基礎。

ng-app

ng-app這個指令比較特殊,一個html文檔最好只出現一次,如果出現多次也是只有第一個起作用,並且可以出現在html文檔的任何一個元素上。

ng-app作用是告訴子元素一下的指令是歸angularJs的,angularJs會識別的。

ng-app的值可以為空,當然在練習的時候,在項目中則一定是要賦值的。也就是后面所說的模塊。angularJs的使用,不是有一句一定要牢記在的話“一切都是由模塊開始的”。

最后附上一段相關的簡短的代碼:

<!doctype html>

<html lang="en" ng-app="">

<head>

<meta charset="UTF-8">

<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

</head>

<body ng-init="firstName='John'">

<input type="text" ng-model="firstName">

<div ng-bind="firstName"></div>

<script type="text/javascript"></script>

</body>

</html>

個人認為還是把這個指令放在html標簽里比較合適。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM