首页 > 解决方案 > 如何在 ASP.NET ViewBag 中使用 Angular JS 括号来显示 ViewBag.title

问题描述

我想要实现的目标如下:

  1. 我正在使用 AngularJS 和 ASP.NET MVC 来构建我的项目。
  2. 我制作了一个产品页面,我需要根据产品名称显示标题。
  3. 在此我使用方括号 {{ }} 来显示产品名称。同样,我尝试使用方括号或 ng-model 或 ng-init 或 ng-value 来显示标题 usng viewbag.title。

例子:

我正在从 .js 文件中获取数据

$scope.getdata = function(){
   $http.get(urlApi).then(function(response){
      $scope.AllRecords = response.data;
   });
}

现在在 ASP.NET MVC 上,我试图在 ViewBag.title 中实现记录值,如下所示:

@{
  ViewBag.title = {{ AllRecords.Name }};
}

我无法获取 ViewBag.title 中的记录。如果这种方式不可能,请提出实现这一目标的想法。

提前致谢。

标签: asp.netangularjsasp.net-mvcasp.net-mvc-4asp.net-mvc-5

解决方案


以下代码将首先在服务器级别执行

@{
  ViewBag.title = {{ AllRecords.Name }};
}

然后以下将在浏览器级别执行

$scope.getdata = function(){
   $http.get(urlApi).then(function(response){
      $scope.AllRecords = response.data;
   });
} 

在浏览器中执行 js 时,浏览器级别没有 ViewBag.title 。为达到这个。最好在服务器级别设置 ViewBag.title。前任 :

public ActionResult Index()   
{  
   ViewBag.title  = GetAllRecordes();
   return View();  
}

推荐阅读