1.1.1. 常用界面組件使用
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. 常用界面組件使用