Question

我正在使用带角度js的.net mvc3应用程序。在我看来，我正在尝试使用ng-model属性创建输入字段。假设我有以下代码，我如何添加ng-model属性？

@foreach(var item in Model.ListItem)
{
   <input type="text" value="item.name" name="Model.ListItem[count].name" ng-model="???"/>
}

请帮助我。

Answer 1

我不喜欢与后端模板进行网格划分的想法，但这应该有效：

<script>
    angular.module("YourApp", [])
    .controller("YourController", function($scope) {
        $scope.list = [];

        @foreach(var item in Model.ListItem)
        {
            $scope.list.push({
                name: "@item.name"
                // add other properties if you like
            });
        }
    });
</script>

<div ng-app="YourApp">
    <div ng-controller="YourController">
        <input ng-repeat="item in list" type="text" name="{{item.name}}" ng-model="item"/>
    </div>
</div>

在视图中创建对象数组

1 个答案: