angularjs如何为动态文本字段赋值

时间:2016-11-15 15:50:09

标签: javascript angularjs

这里是html,用户点击“编辑”时会显示表单

<div ng-repeat="item in items">
    <input type="text" placeholder="{{item.questionPlaceholder}}" ng-model="form.g1tags[item.tags_index]" required>
    <input ng-class="{'blockInput': !item.inlineChecked}" type="text" placeholder="enter text..." ng-model="form.g1tags_desc[item.tags_index]"  required>
   <input type="hidden" name="Group1" value="1">
</div>                         
<button class="addfields" ng-click="addG1Choice()">Add fields</button>

我的角度控制器中的完整功能

  $scope.edit = function(id){
    dataFactory.httpRequest('items/'+id+'/edit').then(function(data) {
        //console.log(data);
        $scope.form = data;


        for(var key in data) {
            var tags = data[key];
        }
        for(var i = 0; i < tags.length; i++){
            tag = tags[i];
            //console.log(tag['name']);
            $scope.tags_index += 1;
                    $scope.items.push({ 
                        tags_index: $scope.tags_index,
                        tag_name: tag['name'],
                        inlineChecked: false,
                        question: "",
                        questionPlaceholder: tag['name'],
                        text: ""
                    });
            $scope.form.g1tags = 'aaaaaaaaaaaaaaaaaaaaaaaaab';
            console.log ($scope.form.g1tags);

        }

    });
  }

文本字段只显示'aaaaaaaaaaaaaaaaaaaaaaaa'的第一个字符,任何人都知道这是什么问题?

2 个答案:

答案 0 :(得分:1)

因为你只访问ng-repeat中的第一个元素,所以从ng-model中删除[item.tags_index]

 <input type="text" placeholder="{{item.questionPlaceholder}}" ng-model="form.g1tags" required>

答案 1 :(得分:0)

在您的控制器中,您为g1tags分配了一个字符串值:

$scope.form.g1tags = 'aaaaaaaaaaaaaaaaaaaaaaaaab';

在您看来,您正在访问它,就好像它是一个集合一样

form.g1tags[item.tags_index]

这不起作用 - 如果你需要g1tags来保存多个值,你应该创建一个数组:

$scope.form.g1tags = [];

//And then in your for loop:
$scope.form.g1tags.push('aaaaaaaaaaaaaaaaaaaaaaaaab');