Question

我是Angularjs的新手。我想在我的控制器数组中输入用户输入

这是html

<div class="col-md-6">
    <div class="row text-center">
        <div class="col-xs-6">
             <h4> data A:</h4>
        </div>
        <div class="col-xs-6">
             <h4><input type="text" class="form-control" ng-model="a"></h4>
        </div>
    </div>
    <div class="row text-center">
            <div class="col-xs-6">
                <h4>data B:</h4>
            </div>
            <div class="col-xs-6">
                <h4><input type="text" class="form-control" ng-model="b"></h4>
            </div>
    </div>

    <div class="row btn-primary text-center" ng-click="showData()">
        <i class="glyphicon glyphicon-folder-open" aria-hidden="true">
            <h4>data</h4>
        </i>
    </div>

和控制器

 $scope.infoSet =[
                {
                 "key" : "data A",
                 "value" : $scope.a
             },
             {
                 "key" : "data B",
                  "value" : $scope.b
             }];

 $scope.showData = function () {
    console.log($scope.infoSet);
    console.log($scope.a);
    console.log($scope.b);
}

我该怎么做？我试过Difficulty with ng-model, ng-repeat, and inputs。但我不能用这个输入正确的格式。请帮忙。提前谢谢

Answer 1

删除$scope.a和$scope.b，然后使用

ng-model="infoSet[0].value"

和

ng-model="infoSet[1].value"

Answer 2

或使用ng-repeat

<div class="row text-center" ng-repeat="info in infoSet">
    <div class="col-xs-6">
         <h4>{{info.key}}</h4>
    </div>
    <div class="col-xs-6">
         <h4><input type="text" class="form-control" ng-model="info.value"></h4>
    </div>
</div>

让用户输入控制器阵列

2 个答案: