初識 Angular 體會

2022-08-26 09:15:10 字數 1292 閱讀 3068

一句話描述:乙個前端的類似mvc框架的js庫

剛接觸2天,剛一看感覺和asp.net mvc能實現的功能有點重複.

雖然asp.net的表單驗證,razor語法使其在前端開發有較大提公升,但要實現比較高階複雜效果還是要

客戶端js來實現,服務端更多是提供和儲存資料的角色.

如果只是簡單的curd應用,用原始mvc的功能會效率更高也夠用.

很多前端js框架注重的是ui表現.而angular注重的是如何管理和表現資料.

angular本身不提供樣式和控制項,是乙個管理資料,控制輸出的js庫.

雖然很多控制項庫對於複雜控制項都支援繫結json資料.但沒有angular這麼方便好用自由全面.

適用:curd應用,富客戶端,重客戶端/輕服務端的應用(對資料處理較複雜)

不適合:高度靈活自由的,遊戲類,過於簡單的.

標籤屬性介紹(網上覆制,經過一點加工):

類似命名空間,區分不同控制器.

ng-controller宣告乙個新的控制器的名字.

$scope.property=...

});例項化控制器,第二個引數控制器建構函式.可以給控制器屬性,方法賦值.

這些值就是model. $scope就是每個控制器的model.作用域:當前控制器及其子dom.

angularjs $http 是乙個用於讀取web伺服器上資料的服務。

$http.get(url) 是用於讀取伺服器資料的函式

});ng-model將當前dom輸入值或值繫結到指定model(即儲存資料的變數)

這種繫結是雙向的(如果model值改變了,這個dom物件的值也會跟著變)

}繫結的dom物件的狀態

相關的css樣式

ng-init指令初始化應用程式資料。

姓名:你輸入的為: }

ng-repeat指令會重複乙個 html 元素:

**:

}

}

其他常用指令

ng-disabled  bool  對應 dom 的 disabled 屬性。

ng-show bool 顯示和隱藏

ng-click function/expression onclick事件執行**

angular學習心得體會

1 ionic的自定義服務factory,service,provide等.factory hots function hots 這個名字是自定義服務的名字,可以注入到不同controller裡面公用,一般邏輯處理,資料處理,都會放在自定義服務內,當你初試 angular 時,很自然地就會往 con...

Angular學習筆記 Angular生命週期

生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...

angular貨幣過濾 angular過濾器的使用

angular中常見過濾器 我們從後台請求的資料 有時候不是我們想要的格式 比如貨幣數字從後台獲取過來就是一堆純數字 但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣 過濾器的概念 angularjs為我們提供的處理資料格式的方式 過濾器的作用 將資料格式化我們想要的格式 過濾...