路由更改时HTML不更新

Question

我在bootstrap导航栏上创建了一个按钮，它将根据布尔变量更改颜色，光标和名称。导航栏始终位于网站的顶部。

我的导航栏HTML bytton如下所示：

<ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
  <a role="button" ng-click="vm.commit()" style="color: {{vm.canCommit | commitColor}}; cursor: {{vm.canCommit | commitCursor}}">{{vm.canCommit}}</a>
</ul>

vm.canCommit是更改按钮属性的变量。 canCommit（）函数翻转vm.canCommit变量。

    function commit() {
        vm.canCommit = !vm.canCommit;
        console.log("commiting " + vm.canCommit);
    }

当我在路线家和角度控制器家中定义功能和变量时，所有这一切都正常工作，但是当我改变路线并单击按钮时，控制台日志会出现右输出，但颜色，光标和名称确实如此不再更新了。

我该怎么做才能使这项工作？