chapter 1 #19

alfredli · 2014-02-26T16:09:09Z

the $index in the remove function ,which cannot define as the current index in the ng-repeat array. In the console, when i try to find out the current index, it show undefined.
why?
js:
var myApp=angular.module('app1',[]);
myApp.factory('Data', function(){//this is the set up ofthe service.

 items=[
    {id:0, name:'pen', quality:20, unitPrice:2.20},
    {id:1, name:'paper', quality:17, unitPrice:1.20},
    {id:2, name:'sticker', quality:40, unitPrice:0.10},

]
return items;
})

myApp.controller('Ctrl_1', function($scope, Data){
$scope.items=Data;
$scope.createNewItem=function (a,b,c){
var index=$scope.items.length;
index=index++;

    a=$scope.name;
    b=$scope.quality;
    c=$scope.unitPrice;

     $scope.items.push( {id:index, name:a, quality:b, unitPrice:c});

    }
 $scope.remove = function(index ){
     console.log($scope.items);
     console.log(index);//in concoel show it undefined.
    $scope.items.splice(index, 1);
    console.log($scope.items);
    }

})

myApp.controller('Ctrl_2',function($scope, Data){
$scope.items=Data;
});

html:
<!doctype html>

<title>Angular test 1</title>

create new item

{{item.name}}

Quantity: {{item.quality}}
Unit Price: {{item.unitPrice}}
Total: {{item.unitPrice*item.quality | currency}}
Remove

{{a.message}}

    </div>

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chapter 1 #19

chapter 1 #19

alfredli commented Feb 26, 2014

{{item.name}}

chapter 1 #19

chapter 1 #19

Comments

alfredli commented Feb 26, 2014

{{item.name}}