如何将值从 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;
    };
}]);

当我没有实现我的第一行（剃刀到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>