看了一天的angular.js,只要記住這是關於雙向數據綁定 和單向數據綁定就可以,看看開發文檔,短時間內還是可以直接入手的,看個人理解能力(我是小白)。 這幾天開始著手學習angularjs的有關知識,將一些心得總結如下: (一)為了使用Angular,所有應用必須首先做兩件事情: 1.載入ang ...
看了一天的angular.js,只要記住這是關於雙向數據綁定 和單向數據綁定就可以,看看開發文檔,短時間內還是可以直接入手的,看個人理解能力(我是小白)。
這幾天開始著手學習angularjs的有關知識,將一些心得總結如下:
(一)為了使用Angular,所有應用必須首先做兩件事情:
1.載入angular.js庫。
既可以從外部調用,如:
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script>
也可以在本地放入angular.js。
2.使用ng-app指令告訴angular應該管理DOM的哪一部分
(二)MVC風格
1.控制器就是你所編寫的類或者類型,它的作用是告訴angular該模型是由哪些對象或者基本數據構成的,只要把這些對象或者基本數據設置到
$scope對象上即可,$scope對象會被傳遞給控制器:如下
<html ng-app='myApp'>
<body ng-controller="TextController">
<p>{{someText.message}}</p>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js">
</script>
<script>
var myAppModule = angular.module('myApp',[ ]);
myAppModule.controller('TextController',
function ($scope){
var someText = {};
sometText.,message = "First data !";
$scope.someText =sometText;});
</script>
</body>
</html>
2.區分UI和控制器的職責
在應用中控制器有三種職責:
(1)為應用中的模型設置初始狀態。
(2)通過$scope對象把數據模型和函數暴露給視圖(UI模板)。
(3)監視模型其餘部分的變化,並採取相應的動作。
為了讓控制器保持小巧和可管理狀態,建議,為視圖中的每一塊功能區域創建一個控制器。控制器是綁定在特定的DOM片段上的,
這些片段就是它們需要負責管理的內容。
(三)依賴註入
這個原理簡單歸納如下:
高層次模塊不應該依賴低層次模塊,他們應該依賴於一種抽象。這種抽象不應該依賴細節,細節應該依賴於抽象 。
我只要指出我需要哪些對象,然後就會有人把這個對象給我,而這個“人”可能是一個應用框架(Framework),也可能是測試
容器(Test Runner),我不會關心它是誰,也不用關心它怎麼得到這個對象。這個“人”,專業的說法叫“容器”。在Angular中,
所有主要編程元素都需要通過某種方式註冊進去,比如myModule.service('serviceName',function()...這實際上就是把後面這個
函數加入到一個容器中。要註意的是,angular全面實現了延遲初始化,也就是說,當這個對象沒有被人需要時,它是不會被創建
的,這樣對於提高性能有一定的幫助,特別是加快了啟動速度。
原文:https://blog.csdn.net/sweety815/article/details/51251373