New items don't displaing in select-box from array factory use AngularJS
<p>Helloo, i created simple AngularJS application, i have two buttons(<em>Create New Phone</em> and <em>Create New Category</em>), i saved my <em>categories</em> into array use factory:</p>

<pre><code>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;
});
</code></pre>

<p><a href="https://i.stack.imgur.com/1jfwX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1jfwX.png" alt="enter image description here"></a></p>

<p>At <em>Add New Phone</em> form i have <code>dx-select-box</code> -element:</p>

<pre><code>&lt;div class="dx-label"&gt;Phone Name&lt;/div&gt;
               &lt;div dx-select-box="nameOfPhone" ng-model="phoneName"&gt;&lt;/div&gt;&lt;br/&gt;&lt;br /&gt;
</code></pre>

<p>For Getting elements from array i use the next code in my <em>HomeController.js</em>
//name of phone select-box pop-up</p>

<pre><code>  $scope.nameOfPhone = {
        items: categoriesStorage.getCategories()

    };
</code></pre>

<p>It works<a href="https://i.stack.imgur.com/TiJb8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TiJb8.png" alt="enter image description here"></a></p>

<p>till when i change focus or close <em>Add New Category</em> form, new elements adds into array but don't displaying into <em>select-box</em>. </p>

<p>Thanks for your answers!</p>