Angular js Properties in Selected object is not accessible in model
<pre><code> &lt;select id="singleselect" ng-model="selectedQuestion" class="form-control select2" 
 ng-options="x.Title for x in tabnames"&gt;
 &lt;/select&gt;
</code></pre>

<p>now when i access the value if <code>{{selectedQuestion.Title}}</code>  i am getting proper value,
when i am accessing value of <code>{{selectedQuestion.ID}}</code>  also i am getting proper value,</p>

<p>what i actually need is value of <code>{{selectedQuestion.ControlPrefix}}</code> to be accessed in model(javascript) but it cannot be accessed neither in UI with <code>{{selectedQuestion.ControlPrefix}}</code> nor in model like   </p>

<pre><code> $scope.Newmodel = {
        Title: "New Question Title",
        ControlPrefix: $scope.selectedQuestion.ControlPrefix
    };
</code></pre>

<p>basicaly i want the value inside the  <code>$scope.Newmodel.ControlPrefix</code> variable  i.e <code>$scope.Newmodel.ControlPrefix</code></p>

<pre><code> **tabnames array/objet is below**
   {
  "$id": "1",
  "ID": 3,
  "Title": "Text",
  "ControlPrefix": "txt"
  },

  {
 "$id": "2",
 "ID": 4,
 "Title": "Number",
 "ControlPrefix": "num"
  },
</code></pre>