新项目不在阵列工厂的选择框中替换使用AngularJS

Question

Helloo，我创建了简单的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;
});

在添加新手机表单中，我有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()
};