我有以下 Razor 文件:
@{
ViewBag.Title = "Blah";
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.InitModule = "myFooModule";
}
@section Scripts{
<script src="~/Scripts/angular-route.js"></script>
<script src="~/Scripts/angular-route.min.js"></script>
<script src="~/js/recipes.js"></script>
}
<div data-ng-view
这是我的 angularjs 代码:
var testModule = angular.module("myFooModule", ['ngRoute']);
appetizerModule.config(["$routeProvider", function ($routeProvider) {
$routeProvider.when("/", {
controller: "myController",
templateUrl: "/Templates/test.html"
});
$routeProvider.otherwise({ redirectTo: "/" });
}]);
我想将一个包含“myuserinfofromPage”等数据的变量从我的 razor 页面传递到我的 angularJs,以便我可以使用该数据(“myuserinfofromPage”)来执行某些操作集。由于我是 AngularJS 的新手,我正在努力寻找一种干净的方式来传递数据。将简单数据从 Razor(cshtml) 传递到我的 Angular 代码的最佳方式是什么?
最佳答案
您可以在 Razor 页面中嵌入以下内容:
<script>
app.value('myValue', @Html.Raw(Json.Encode(Model)))
<script>
其中 Model 是您要渲染的 .NET 对象。
然后将它注入(inject)到你的 Controller 中:
app.controller('ctrl', function($scope, myValue)
{
//use myValue
});
关于javascript - 将信息从 Razor 客户端 (cshtml) 传递到 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24512313/