【总结】angular资源整理

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' }
      ];
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值