AngularUI - ui-select multiple value not showing properly
<p>I've an angular-ui dropdown multi-select that does not show the values properly. The input binding box forms a plain box without evaluating my <code>$item</code> expression. Something like:</p>

<p><a href="https://i.stack.imgur.com/DWquR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DWquR.png" alt="No Expression Evaluation"></a></p>

<p>HTML:</p>

<pre><code>&lt;ui-select 
    multiple
    ng-model ="allPlatforms.selected" &gt;
    &lt;ui-select-match  placeholder="Start Typing..."&gt;{{$item.allPlatforms}}&lt;/ui-select-match&gt;
    &lt;ui-select-choices repeat="item in (allPlatforms | filter: $select.search) track by item"&gt;
        {{item.allPlatforms}}
    &lt;/ui-select-choices&gt;
    &lt;ui-select-no-choice&gt;
        Dang! Sorry bro. Couldn't find
    &lt;/ui-select-no-choice&gt;
&lt;/ui-select&gt;
</code></pre>

<p>I've two JSON files being generated and called from server.</p>

<p>PFtypes JSON file looks like
<code>{"allpftypes":["pf1", "pf2"...]}</code></p>

<p>Controller JS</p>

<pre><code>$scope.name={};
$scope.allPlatforms=[];

$http.get('server.com/'+$scope.num).then(function(response){
        $scope.name = response.data;
        $scope.allPlatforms.selected = [$scope.allPlatforms[0]];
//I will want to do [$scope.allPlatforms[$scope.name.platform_name]] but I've ignored that for now;
});
$http.get('server.com/pftypes').then(function(response){
        $scope.allPlatforms = response.data.allpftypes;
    });
</code></pre>

<p>If I remove the multiple attribute and make $select changes, it works just fine. I am not sure what horrible mistake am I making. Still new at Angular and learning. Any help will be appreciated.</p>