2019獨角獸企業重金招聘Python工程師標準>>>

參考：http://campus.codeschool.com/courses/shaping-up-with-angular-js/contents

參考：http://www.ituring.com.cn/article/13474

1）載入AngularJS腳本

<script?src="http://cdn.bootcss.com/angular.js/1.4.5/angular.min.js"></script>

2）ng-app，告訴AngularJS處理整個HTML頁并引導應用

<html?ng-app>

3）使用變量

Hello?{{'World'}}!

4）ng-model，實現雙向綁定

<input?type="text"?ng-model="yourname"?placeholder="World">

5）是否顯示 ng-show

ng-show={{product.images.length}}

6）遍歷 ng-repeat

<div?class="product?row"?ng-repeat="product?in?store.products">

索引$index

<tr?ng-repeat="item?in?items"><td>{{$index?+?1}}</td><td>{{item.name}}</td><td>{{item.price?|?currency}}</td> </tr>

7）Using filters

格式化（時間，大小寫uppercase，貨幣currency，限制limitTo:3）

排序(|orderBy:"-price")

8）引用圖片ng-src

<img?ng-src="{{image}}"?/>

9）一個model可以有多個controller

var?app=angular.module("store",[]); app.controller("storeController",function(){this.products?=?[]; }); app.controller("tabController",function(){this.tab?=?1; });

10）ng-class，添加一個class

?<li?ng-class="{?active:?tab.isSet(1)}">

11）選擇標簽頁

ng-click="tab.setTab(1)" ng-show="tab.isSet(1)"

轉載于:https://my.oschina.net/u/2351685/blog/508690

總結

以上是生活随笔為你收集整理的AngularJS学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。