如何在angularJS中初始化控制器$ scope變量

Question

我有一個視圖，可以從角度控制器功能訪問范圍變量。

$scope.getCurrentTab = function (tab) {
 $scope.yourReportEnabled = (tab === 'REPORTS');
 $scope.currentTab = tab;
}

在視圖中，單擊時有兩個錨點，我通過將選項卡名稱作為參數傳遞來調用getCurrentTab() 。

范圍是在函數getCurrentTab中定義的變量，這些變量僅在函數調用時初始化。

但是，如果我在函數之外定義這些變量，則會gets initialized multiple times它們。

因此，有一種方法只能定義variables only once范圍variables only once該范圍variables only once由getCurrentTab函數修改。

提前致謝！

Answer 1

如果您熟悉$routeProvider服務，這是一種完成同一任務的簡單方法。

JS

angular.module('ForeverLeather').config(['$routeProvider', function($routeProvider) {
  $routeProvider

  .when('/home', {
    templateUrl: 'js/views/home/index.html',
    activetab: 'home'
  })

}]);

的HTML

      <li class="nav-home">
        <a id="home-btn" href="#/home" name="home-btn" ng-class="{active: $route.current.activetab == 'home'}">Home</a>
      </li>

使用ng-class確定哪個選項卡處於活動狀態