Creating array of object in view

Question

I'm using .net mvc3 application with angular js. In my view i'm trying to create the input field with ng-model property. Suppose if i have the following code, how i have to add ng-model attribute?

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

Please help me with this.

Kenny Ki · Accepted Answer · 2014-09-09 09:12:40Z

2

I don't like the idea of meshing with backend template, but this should work:

<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>

edited Sep 9, 2014 at 9:12

answered Sep 9, 2014 at 8:09

Kenny Ki

3,4402 gold badges28 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating array of object in view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related