不容易掌握的几个ng内置标签

ng-switch

<div ng-switch on="ifShow">
    <div ng-switch-when="0">此div不显示</div>
    <div ng-switch-when="1">此div正在显示</div>
</div>*

ng-options

<select ng-model="selected" ng-options="goodsId as goodsName in goods"></select>

下拉显示的是： goodsName， 选中下拉，得到的是goodsId， selected也=goodsId

ng-style

$scope.myStyle =”{color：’red’, font-size : ‘xx-large’}”

改变字体样式大小

校验

ng-trim, ng-minlength, ng-maxlength, ng-pattern, required

注： 表单元素必须有name属性，form表单也必须有name属性。

<form name="formName">
<input type="text" name="phoneNumber" required ng-trim="true" ng-model="phoneNumber" ng-pattern="/^[0-9]*[1-9][0-9]*$/" ng-maxlength="11" ng-minlength="1"/>
</form>

可以通过 $scope.formName.inputText.$error.required
来判断输入框是否为空

可以通过 $scope.yourForm.inputText.$invalid
来判断输入的内容是否满足ng-pattern，ng-maxlength，maxlength

通过$scope.phoneNumber获得的输入内容, 是去掉前后空白的. 因为ng-trim的存在。