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> |
时间： 2024-10-07 02:18:24