1.1.1. 常用界面组件使用

Posted 2020-10-03 alan-alan

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>