Anugar JS - 物品推送到对象数组后未在视图中刷新

时间:2017-04-15 17:26:57

标签: javascript angularjs

我已经将一个新元素推送到我的对象数组中,并且我希望在视图中反映它但它不起作用。

有人可以帮忙吗?

这是我第一次使用角度js。

我的代码

JS

var App = angular.module('App', []);
App.controller('TestCTRL', function ($scope) {

    $scope.addToList = function() {
        $scope.listitems = [];
        var f = this.data.firstName;
        var l = this.data.lastName;
        var i = this.data.id;

        var newItem = new function() {
            this.firstName = f;
            this.lastName = l;
            this.id = i;
        }

        $scope.listitems = $scope.listitems.push({newItem});

        $scope.$apply();

    }



});

HTML

<div ng-controller="TestCTRL">
     ....
.....
....

  <div ng-repeat="item in listitems">     
    <div>{{item.firstName}}</div>
  </div>

</div>

2 个答案:

答案 0 :(得分:2)

不做任务,

$scope.listitems = $scope.listitems.push({newItem});

$scope.listitems.push({newItem});

答案 1 :(得分:1)

只需使用:

$scope.listitems.push(newItem);

什么都不返回,所以分配是不必要的。