array filters in angularjs not working

Question

I am trying to display only the names of my array elements with angular but it is not working, can you please help? here is the code:

<div ng-app="myapp" ng-controller="MyController" ng-model="myData">
    <ul>
        <li ng-repeat="item in myData.items"
               ng-click="myData.doClick(item, $event)">{{myData.item.name}}</li>
    </ul>
</div>

<script>
    angular.module("myapp", [])
            .controller("MyController", function($scope) {
                $scope.myData = {};
                $scope.myData.items = [{ name: "1"}, { name: "2"}, { name : "3"} ];

                $scope.myData.doClick = function(item, event) {
                    alert("clicked: " + item.name + " @ " + event.clientX + ": " + event.clientY);
                }


            } );
</script>

{{myData.item.name}} instead of this you have to write this {{item.name}} — Ankita
– Ankita, Commented May 21, 2015 at 5:30

Vijay · Accepted Answer · 2015-05-21 05:32:59Z

3

You just have to write in the expression as below
{{item.name}}

answered May 21, 2015 at 5:32

Vijay

4188 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

array filters in angularjs not working

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