如何将动态生成的输入绑定到$ scope

时间:2017-05-03 15:16:34

标签: html angularjs

我正在从db中检索项目将它们放入dir-paginate或ng-repeat我在这里尝试将id作为模型名称传递以获取密钥和名称也作为密钥,因为我正在获取数组以创建许多输入和在控制器中检索它们,但是当我使用console.log($ scope.values)检索ng-model对象值时;它说未定义。 如何将多个生成的输入传递给范围对象中的控制器是我的问题甚至ng-click不工作? 查看

<form angular-validator-submit="submitForm()"
    name="submit-form" class="form-horizontal" novalidate
    angular-validator>
    <table>
    <thead>
    <tr>
    <th>S.No</th>
    <th>id</th>
    <th>Name</th>
    </tr>
    </thead>
    <tbody>
    <tr dir-paginate="x in items| itemsPerPage: pageSize" current-page="currentPage">
        <td><input type="text" name="id" ng-model="values.{{x.id}}[$index]"></td>
        <td><input type="text" name="test" ng-model="values.{{x.name}}[$index]"></td>
        </tr>
        </tbody>
        </table>
        <button type="submit" class="btn btn-primary">Save</button>
    </form>

        $scope.submitform = function(){
        console.log($scope.values);
    }

1 个答案:

答案 0 :(得分:1)

ng-model="values[x.id]"将完成工作,并按照评论中的建议定义$scope.values = [];