javascript - 动态添加项目到ng-repeat数组javascript

标签 javascript arrays angularjs angularjs-ng-repeat onsen-ui

我必须关注 angularjs 中的项目数组

angular.module('app').controller('AppController', function ($scope, $timeout) {
    $scope.items = {
        item1: {
            name: "Hamburger",
            complete: "50%",
            start: "2015/09/10 11:00",
            finish: "2015/09/11 04:00",
            work: "8 hours"
        },
        item2: {
            name: "Pasta",
            complete: "50%",
            start: "2015/09/10 11:00",
            finish: "2015/09/11 04:00",
            work: "8 hours"
        },
        item3: {
            name: "Potato",
            complete: "80%",
            start: "2015/09/10 18:00",
            finish: "2015/09/11 04:00",
            work: "8 hours"
        }
    };

    $scope.items.push({
        item4: {
            name: "Ham",
            complete: "50%"...
        }
    });
}

我想向其中添加一个新项目,但它不起作用。

我尝试了 .push(item) 方法,但失败并在控制台中显示以下消息

Object doesn't support property or method 'push'

将项目添加到现有数组的最简单方法是什么?

最佳答案

实际上您正在使用对象(而不是数组)

为对象添加值: $scope.items[key] = value;

或者

初始化数组而不是对象 $scope.items = [....];

关于javascript - 动态添加项目到ng-repeat数组javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32186258/

相关文章:

c - 用值初始化数组(指针)

javascript - 原型(prototype) JS : Selecting an element by its value?

javascript - 使用 JavaScript 将金额转换为单词

javascript - 从 typescript 中的嵌套对象数组中过滤项目

javascript - grails按钮进行ajax调用以更改文本框

javascript - ng-selected 不能与 ng-options 或 ng-repeat 一起使用

c++使用foreach使数组为空

c# - 计算/排序文本文件中的字符

javascript - 如何使用 Bootstrap 和 Angular 表单逐步验证表单?

javascript - 正确创建 $http.get