angular资源整理
来源:互联网 发布:大学生网络党校 编辑:程序博客网 时间:2024/06/01 10:03
1.angularjs如何默认选中radio
https://segmentfault.com/q/1010000003712548
2 angularjs中,获取默认选中的单选按钮的value
http://blog.csdn.net/lengyuewusheng99/article/details/71272151
3 AngularJS 输入验证
3.1 菜鸟教程
http://www.runoob.com/angularjs/angularjs-validation.html
3.2 易百教程 AngularJS表单
http://www.yiibai.com/angularjs/angularjs_forms.html
$dirty - 规定值已被改变。$invalid- 该值的状态是无效的。$error- 指出确切的错误。
3.3 表单验证AngularJs 博客
http://www.cnblogs.com/rohelm/p/4033513.html
3.4 angular指令判断两次输入密码是否一致
<div class="form-group"> <label class="col-sm-2 control-label">密码</label> <div class="col-sm-6"> <input type="password" class="form-control" placeholder="请输入密码" ng-model="data.password" name="password" ng-required="true"> <span class="glyphicon glyphicon-remove text-danger input-feedback" ng-show="registerForm.password.$dirty && registerForm.password.$invalid"></span> <span class="help-block" ng-show="registerForm.password.$dirty&®isterForm.password.$invalid "> <span class="text-danger" ng-show="registerForm.password.$error.required">密码是必须要输入的</span> </span> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">确认密码</label> <div class="col-sm-6"> <input type="password" class="form-control" placeholder="请再次输入密码" ng-model="data.pwdAgain" name="pwdAgain" ng-required="true"> <span class="glyphicon glyphicon-remove text-danger input-feedback" ng-show="registerForm.pwdAgain.$dirty && registerForm.pwdAgain.$invalid"></span> <span class="help-block" ng-show="registerForm.pwdAgain.$dirty"> <span class="text-danger" ng-show="registerForm.pwdAgain.$error.required">请再次输入密码</span> <span class="text-danger" ng-show="(registerForm.password.$viewValue != registerForm.pwdAgain.$viewValue)">两次密码不一致</span> </span> </div> </div>
4.跳转到其他路由:
$scope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) { if (!confirm("还没保存草稿,确定要离开此页面")) { event.preventDefault(); } })
参考:https://segmentfault.com/q/1010000006205743
(单页应用(ng/vue)该如何监听用户离开当前页面(或者路由)?)
5:AngularJS系列之select下拉选择第一个选项为空白的解决办法
参考:
http://blog.csdn.net/linzhiqiang0316/article/details/52489668
自己做的实例:
html部分:
<select class="form-control" ng-model="numSelect"> <option value="">请选择</option> <option ng-repeat="item in i31data" value="{{item.value}}">{{item.value}}</option> </select
js数据部分:
$scope.i31data = [ { id: '1', value: '1' }, { id: '2', value: '2' }, { id: '3', value: '3' }, { id: '4', value: '4' }, { id: '5', value: '5' }, { id: '6', value: '6' }, { id: '7', value: '7' }, { id: '8', value: '8' }, { id: '9', value: '9' } ];
阅读全文
0 0
- angular资源整理
- Angular学习资源汇集
- angular学习资源
- Angular学习资源
- angular 学习资源
- angular学习资源
- 《Angular之资源荟萃》
- angular 学习资源
- Angular Js 2.0整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 资源整理
- 1、mybatis的初始化
- 不知名的有DIO、SCK、RCK引脚的四位LED数码管模块
- 浅谈虚拟机(2.1)凶器简介の局部变量表
- Python3.X中的位运算符
- windows编译protobuf库(用Visual Studio编译)
- angular资源整理
- Spring的依赖注入方式
- android设计模式
- 2、Configuration详解
- Android组件Activity之间传递数据
- java:冒泡法
- 斐波那契函数js 递归方法 和非递归方法
- 3、XMLConfigBuilder的解析过程
- Activity页面之间数据传递