title: Angular JS how to update scope variable inside another scope variable
body: <p>I am bulding a list using ng-repeat from array of objects. One of the property in array is a boolean that will go in ng-show of each element I am building using this array. Array itself is a scope variable too. </p>
  
  <p>Now I want to update display property only. Is it possible?</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.controller('MainCtrl', function($scope) {
    $scope.displayThird = false;
  
    $scope.list = [
      {
        text: "One",
        display: true
      },
      {
        text: "Two",
        display: true
      },
      {
        text: "Three",
        display: $scope.displayThird
      },
      {
        text: "Four",
        display: true
      }
    ];
  
    /* I want this function to update my display property */
    $scope.display = function() {
      $scope.displayThird = true;
    }
  });
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/kF1M1fWyeCcrfcUY3Aqu?p=preview" rel="nofollow">http://plnkr.co/edit/kF1M1fWyeCcrfcUY3Aqu?p=preview</a></p>