如何將C＃/ Razor中的值傳遞給angularJS

Question

我想將C＃/ Razor中的值傳遞給angularJS。

我嘗試這樣做：

{{isDashboardOpened=@((ViewContext.Controller.GetUserSettings(this.User).ShowDashboardOnLoad).ToString().ToLower());""}} 

它沒有很好地工作，因爲在這之後我不能改變我的變量了。

這裏是我的代碼的其餘部分：

<li id="btnDashboard" ng-click="toggleDashboard()" ng-class="{'active':isDashboardOpened}"> 
         <a href="#" onclick="return false;"> 
          <span class="glyphicon glyphicon-dashboard" title="@ResourcesLocal.Widgets.Resources_WidgetBase.Dashboard"></span> 
         </a> 
        </li> 


angular.module("frigodataOnline") 
.controller("ProjectViewController", ["$scope", function ($scope) { 
    $scope.isDashboardOpened = false; 

    $scope.toggleDashboard = function() { 
     $scope.isDashboardOpened = !$scope.isDashboardOpened; 
    }; 

    $scope.openDashboard = function() { 
     $scope.isDashboardOpened = true; 
    }; 

    $scope.closeDashboard = function() { 
     $scope.isDashboardOpened = false; 
    }; 
}]); 

當我還沒有實現我FRST線（剃刀ANG），那麼我的切換工作，如果我實現它，切換不工作了。

Answer 1

可以使用NG-INIT

<li id="btnDashboard" ng-click="toggleDashboard()" ng-init="isDashboardOpened='@((ViewContext.Controller.GetUserSettings(this.User).ShowDashboardOnLoad).ToString().ToLower());' ng-class="{'active':isDashboardOpened}"> 
        <a href="#" onclick="return false;"> 
         <span class="glyphicon glyphicon-dashboard" title="@ResourcesLocal.Widgets.Resources_WidgetBase.Dashboard"></span> 
        </a> 
       </li>