新项目不会在数组工厂使用 AngularJS 的选择框中显示

Question

你好，我创建了简单的 AngularJS 应用程序，我有两个按钮（创建新手机和创建新类别），我保存了我的类别进入数组使用工厂：

myApp.factory('categoriesStorage', function () {
    var storage = [];
    var categories = ["Apple","HTC"];

    storage.addCategory = function (categoryTest) {
        categories.push(categoryTest);
        console.log(categories);
    }

    storage.getCategories = function()
    {
        return categories;
    }

    return storage;
});

在 Add New Phone 表单我有 dx-select-box -element:

<div class="dx-label">Phone Name</div>
               <div dx-select-box="nameOfPhone" ng-model="phoneName"></div><br/><br />

为了从数组中获取元素，我使用 HomeController.js 中的下一个代码 //弹出的手机名称选择框

  $scope.nameOfPhone = {
        items: categoriesStorage.getCategories()

    };

有效

直到我改变焦点或关闭添加新类别表单时，新元素添加到数组中但不显示到选择框中。

感谢您的回答！

Answer 1

当显示添加电话视图时，您需要再次呼叫该线路。

$scope.nameOfPhone = {
    items: categoriesStorage.getCategories()
};