angularjs - 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;
};

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