Перезагрузка контроллера в угловой

Я новичок в ракурсе, и я не смог найти твердых ответов на этот вопрос... хотя ответ мог быть передо мной, я просто не мог его увидеть.

У меня есть эта часть html:

<ul class="wrapper" ng-controller="MyController as vks">
    <li ng-repeat="myvar in vks.vk" class="padding-left" data-myvar-id="{{myvar.id}}">
      <img src="images/someimage.svg" ng-show="{{myvar.id}} == {{myvar.chosen}}" class="some-class">
      <a class="hvr-underline-reveal">{{myvar.name}}</a>
    </li>
  </ul>

И это мой контроллер:

  app.controller('MyController',  function() {

    var i = 0;
    var tmp = [];
    for (var key in someObject) {
      if (someObject.hasOwnProperty(key)) {
        var obj = someObject[key];
        if (obj.checked) {
          tmp[i] = {name: obj.name, id: obj.id, chosen: someStaticVar};
          i++;
        }
      }
    }
    this.vk = tmp;

  });

Я хочу сосредоточиться на этой части, которая работает при первой загрузке страницы:

<img ng-show="{{myvar.id}} == {{myvar.chosen}}">

Что происходит, когда вдруг {{myvar.chosen}} (который установлен из статического глобального var) изменяется с некоторого внешнего javascript? Часть HTML не обновляется, и эта спецификация все еще отображается, но она должна быть другой. Как я могу перезагрузить только этот контроллер? (или сделать что-то еще, чтобы сделать эту работу по назначению?)

Надеюсь, это имеет смысл...