AngularJS模型更新但查看不更新

Question

如果我从输入字段更新模型，视图也会正确更新。

这里是代码

  <div class="form-group">
   <input type="number" ng-model="optionsOfDirective.startSlide"class="form-control">
  </div>

，模型是

        $scope.optionsOfDirective = {
                startSlide: 0
            };

和图片    但是，如果我通过控制器鼠标点击更新模型数据，模型值会更新，视图也会在一秒钟之后返回到它的前一阶段。

这是ng-click代码

<div>
   <a class="btn btn-primary btn-block" role="button" data-slide="next"
 ng-click="btnClickCounter();" ng-model="optionsOfDirective.startSlide">      Next </a>

模型更新

$scope.btnClickCounter = function () {
  $scope.optionsOfDirective.startSlide=7;
};

如果我在控制器中设置值，为什么视图不会保持相同。