Angularjs select ng-model binding for object
<p>I want to have a select for array of objects.<a href="http://plnkr.co/edit/pr34EuflEQRDX26rUfXU?p=preview" rel="nofollow">example</a> But somehow , I am not able to access properties of selected object.</p>

<p>js---</p>

<pre><code> $scope.test1={};
 $scope.test = [{'name':'test1'},{'name':'test2'},{'name':'test3'}];
</code></pre>

<p>html--</p>

<pre><code>&lt;select style="width:100px;height:25px;" ng-model="test1"&gt;
   &lt;option  ng-repeat="attribute in test" value="{{attribute}}"&gt;{{attribute['name']}}&lt;/option&gt;
&lt;/select&gt;
{{test1}}
{{test1.name}}
</code></pre>

<p>here , test1.name comes blank.</p>