AnglarJs的一些筆記

AnglarJs是什麼? 爲什麼要學Anglarjs
AngularJS是一款由Google公司開發維護的前端MVC框架;
1>克服了HTML在構建應用上的諸多不足，從而降低了開發成本提升了開發效率;
Anglarjs的特點:
AngularJS則一個框架（諸多類庫的集合）以數據和邏輯做爲驅動（核心）。
框架對開發的流程和模式做了約束，開發者遵照約束進行開發，更注重的實際的業務邏輯。
AngularJS有着諸多特性，最爲核心的是：模塊化、雙向數據綁定、語義化標籤、依賴注入等。
與之類似的框架還有BackBone、KnockoutJS、Vue、React等.

準備環境

下載anglarJs的包: 封裝js代碼
ng下表達式
1.1 表達式練習:通過表達式把模型的數據顯示出來
{{ 模型名}}
可以把模型層的數據,顯示到視圖HTML
1.1.1 算數練習
{{1+2}}=====>輸出3
1.1.2 拼接字符串
{{模型名+”字符串” }}
1.1.3 關係運算
關係運算: {{9>2}}
1.1.4 邏輯運算
1.2 Angular指令: 加在html標籤上
1.2.1 ng-app:一般一個網頁寫一個指令, 指令放在body中,或者html標籤中
1.2.2 ng-init:在html中聲明變量:

<p 
ng-init="變量名=字符串''|數組[]|對象{}";
>

1.2.3 ng-modle: 用在輸入框,把輸入框當模型
1.2.4 ng-click: 點擊事件,調用的ng的控制器的方法
1.2.5 ng-repeat: 遍歷數組; ng-repeat=”stu in stus”
1.2.6 ng-show : ng-show=’true|1’ 值爲true表示顯示
1.2.7 ng-hide : ng-hide=”false|0” 值爲true表示隱藏
1.2.8 ng-bind:
輸出模型數據,類似{{ 模型名 }}
1.3 模型ng-model指令
用在輸入框中,把輸入框作爲模型層

1.4.1 如何創建控制器
1.4 控制器:在控制器聲明數據—>通過網頁html可以顯示
1>創建模塊:var app= angular.module(“gaoynApp”,[]); //參數一模塊名字
2>通過模塊來創建控制器:app.controller(“deomCtrl”,[“scope",function( scope){} }
2.1 變量名 : scope.name=”gaoyn”;2.2函數: scope.函數名=function(){ }
3>ng-app ng-Controller 使用指令來顯示 {{ name }}

1.3.1 理解MVVM

1.4.2 $scope:子作用域(控制內),局部變量

$rootScope:根作用域,全局變量