1. 程式人生 > >1.1.1. 常用界面組件使用

1.1.1. 常用界面組件使用

select oot data 數據 required jsp cli ttr 代碼

1.1.1. 常用界面組件使用

功能

代碼參考

{{屬性名}}

數據綁定對象,例如{{attr1}}這裏會自動綁定控制層$scope.attr1。此標簽可以出現在頁面調用的js函數中,註意不能使用雙引號和單引號了,如<a ng-click="gotoDetail({{item.planserialno}})">立即投資</a>

ng-click

標簽的點擊事件,<a ng-click="testService()">test</a>:點擊此標簽會觸發控制器中的$scope.testService方法。當然ng-click還可以用於div,ul,li等標簽中。

ng-submit

form表單提交事件,如<form ng-submit="submitData()">

ng-include

通常與div結合,表示頁面包含,類似於jsp的include用於引用,如<div ng-include="‘templates/foot.html‘"></div>表示引用foothtml頁面,這樣做的好處是可以共享foot.html頁面。

ng-model

用於綁定input,select 等表單提交界面,如<input type="text" ng-model="UserName" placeholder="用戶名/手機號/郵箱" required/>,同樣UserName與控制器中的$scope.UserName一一對應。

ng-repeat

循環,類似於el表達式的forEach,用於列表循環,例如<li ng-repeat="item in items"><h5>{{item.minsum}}元</h5></li>,item代表當個對象,items表示item的集合,items與$scope.items一一對應。

ng-show

綁定標簽是否顯示,如<ul ng-show=‘menuState.show‘>,那麽ul是否顯示根據menuState.show來判斷。

ng-disabled

通常用於控制按鈕是否變灰。如<button ng-disabled=‘!form.$valid‘>Submit</button>

1.1.1. 常用界面組件使用