在 AngularJs 控制器中使用 Asp.Net ViewBag 值答案

【问题标题】：Use Asp.Net ViewBag value in AngularJs controller在 AngularJs 控制器中使用 Asp.Net ViewBag 值
【发布时间】：2017-04-21 07:46:17
【问题描述】：

我是 AngularJs 的新手，我在使用 .Net MVC 视图到 AngularJs 控制器的值时遇到问题。下面是相关代码：

AngularJs 控制器代码：

app.controller("RatingApiController", function ($scope, RatingApiService) {

var id = $scope.roomId;
})

Mvc 查看代码：

<div id="tblSubs" ng-controller="RatingApiController" >
    <span ng-init="roomId = @ViewBag.roomId">something</span>
</div>

在AngularJs控制器内的id变量中获得来自Mvc视图的roomId值的方法是什么？

【问题讨论】：

标签： javascript asp.net angularjs asp.net-mvc

【解决方案1】：

使用这个，

ng-init = "roomId = '@ViewBag.roomId'"

或者，使用函数发送值

ng-init ="init('@ViewBag.roomId')"

如果控制器中有初始化函数

$scope.init = function(roomId) {

// do something with roomId
}

【讨论】：

【解决方案2】：

改为使用 init 函数：

<div id="tblSubs" ng-controller="RatingApiController" >
    <span ng-init="init(@ViewBag.roomId)">something</span>
</div>

在您的控制器中：

app.controller("RatingApiController", function ($scope, RatingApiService) {

    $scope.init = function(roomId) {
        // do something with roomId
    }
})

【讨论】：