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&&registerForm.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' }      ];
原创粉丝点击