AngularJS之前端框架

零到壹度
發布: 2018-03-30 14:32:10
原創
1803 人瀏覽過

本文主要為大家分享一篇JAngularJS之前端框架的請求方法,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧,希望能幫助大家。

使用:

登入後複製

一、常用屬性:

ng-app:可再任何元素使用,代表angular應用作用域,也是AngularJS的程式入口,對標籤內的元素初始化.

ng-controller:控制器.

ng-model:指定目前元素與資料模型($scope)中的屬性綁定,如果資料模型中沒有此屬性,會自訂創建

ng-repeat:循環$scope中的屬性.

ng-bind或{{屬性名}}:進行屬性取值.

二、雙向綁定:

#定義:更新檢視會自動跟新模型,更新模型會自動更新檢視.

  

Hello,{{name}}!!!

登入後複製

三、AngularJS基於模組化實作MVC:

  

Hello,{{name}}!!!

登入後複製

四、AngularJS的事件綁定:

## ng-click:AngularJS的點擊事件.

  

Hello,{{name}}!!!

登入後複製

五、AngularJS的遍歷集合:

ng-repeat:AngularJS用於集合遍歷,迭代.


  

序号 商品编号 商品名称 商品价格
{{$index+1}} {{product.id}} {{product.name}} {{product.price}}

登入後複製

六、AngularJS的路由:

引入路由的js:

登入後複製

ng-view:顯示路由呼叫的頁面

$routeProvider :路由系統

when..when..otherwise : 類似switch..case..case..default

  

HEAD

首页 * 站长推荐

FOOT

登入後複製

以上是AngularJS之前端框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!