如何在AngularJs中验证Object Property值的数组组合?

时间:2016-03-31 04:28:04

标签: javascript angularjs

这是我的JSFiddle http://jsfiddle.net/nhupL4gs/ 这是我的代码。



function Ctrl($scope) {
  $scope.data=[];
  
  $scope.data=[{"label":"name","type":"string"},
  						 {"label":"email","type":"string"}];
  $scope.addFields = function () {
    var count=0;
    angular.forEach($scope.data,function(obj){
      if(count==2){
        return true;
      }
      var newObj = {'label':obj.label, 'type':obj.type}
      $scope.data.push(newObj);
      count=count+1;
    });
  };
  
  $scope.save=function(){
  	console.log($scope.data);
  };
}

<div ng-app>
  <div ng-controller="Ctrl">
  <input type="button" value="add" ng-click="addFields()"/>
    <div ng-repeat="eachItem in data">
      <label>{{eachItem.label}}</label>
      <input type="text" ng-model="eachItem.value" />
  </div>
  <div ng-repeat="eachItem in data">
    Value: {{eachItem.value}}
  </div>
  <input type="button" value="save" ng-click="save()"/>
  </div>
</div>
&#13;
&#13;
&#13;

在上面的代码中,我有一个包含2个对象的数组。当我单击保存按钮而不输入数据显示错误消息。否则我点击添加按钮两个对象推送到完成的同一个数组。在我在第一个对象(&#39; name&#39;)中输入数据后向对象添加对象后,单击保存按钮显示错误(输入电子邮件)。因此必须且应该验证前两个对象或其他添加的对象数据是否必需。< / p>

0 个答案:

没有答案