2016-04-27 48 views
2

我从ng-repeat创建了一些动态输入。如何获得ng-repeat输入angularjs的值?

我只是想知道,如何让每个HTML动态生成的输入字段的输入值.. https://jsfiddle.net/a6at8js6/5/

HTML

<div ng-app="mainApp" ng-controller="mainCtrl"> 

    <div ng-repeat="author in author_group" class="authorAndTagGroup"> 
     <div ng-repeat="(key, value) in author"> 
     <label class="col-sm-3 control-label">{{key}}</label> 
     <input type="text" value="{{value}}"> 
     </div> 
    </div> 

</div> 

angularjs

var app = angular.module("mainApp", []); 
app.controller('mainCtrl', function($scope){ 

$scope.authors = [{'author_name': 'akshay', 'about_author':'this is about author', 'author_image':'image url here'}]; 

$scope.author_group = []; 

    for (var key in $scope.authors) { 
    $scope.author_group.push({'Author Name' : $scope.authors[key].author_name, 'About the Author' : $scope.authors[key].about_author, 'Author Image' : $scope.authors[key].author_image, 'Author Linkedin Profile' : '', 'Author Twitter Profile' : ''}); 
    } 
    console.log($scope.author_group); 
}); 

回答

3

将输入文本绑定到作者对象的key属性。

<input type="text" ng-model="author[key]"> 

注意以下由ebinmanuval建议做工作;这是因为它无法改变底层的作者对象,而只是覆盖了value属性。这里的技巧是,我们希望将模型绑定到引用类型喜欢的对象不是值类型像绳子,这样,当我们发生变异的模型的基础类型的突变,以及:

<input type="text" ng-model="value"> 

https://jsfiddle.net/775dfa9y/4/

+0

感谢您的帮助:) –

+0

@AkshayKumar,为什么你是拒绝我的回答 – byteC0de

+0

@Jimbrooism我拒绝凭着别人没...我不知道 –