如何将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>