为了账号安全,请及时绑定邮箱和手机立即绑定

ASP.NET MVC - 如何在从 Webapi 控制器返回的 Razor 视图中显示数据

ASP.NET MVC - 如何在从 Webapi 控制器返回的 Razor 视图中显示数据

C#
手掌心 2022-08-20 17:34:17
我正在调用表单的页面加载上的Web API控制器并获取数据,这是从我的JS文件中获取的,并且数据按预期正确获取。  var empDetails = // code to invoke my api controller //   empDetails.$promise.then(function (empInfo) {       $scope.employeeForm.EmpDetails = empInfo.EmployeeDetails;   });$scope.employeeForm.EmpDetails具有正确的详细信息。我需要在我的剃刀视图引擎中显示数据,这是我遇到问题的地方,我是这种开发的新手。ViewBag,强类型模型在这里不起作用,因为我从Web API控制器返回数据,而我的不是强类型的剃刀视图。EmpDetails有像 EmpID, EmpFirstName, EmpLastName, EmpLocationj 这样的信息

2 回答

?
慕码人8056858

TA贡献1803条经验 获得超6个赞

亲爱的有两种方式

  1. 如果您必须使用 Razor,则应在 mvc 控制器中使用 API,从 api 获取数据并将其在模型中返回到 Razor 视图,然后您将有强类型模型在 Razor 视图中使用

  2. 如果你没有被束缚,那么它非常简单,如果你在javascript代码中获取数据。只需使用它来使用JavaScript代码填充您的视图即可。

  3. 如果您使用的是 angular 1.x,那么下面是一个 angularjs 1.x 表单示例

<!DOCTYPE html>

<html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>


<div ng-app="myApp" ng-controller="formCtrl">

  <form novalidate>

    First Name:<br>

    <input type="text" ng-model="user.firstName"><br>

    Last Name:<br>

    <input type="text" ng-model="user.lastName">

    <br><br>

    <button ng-click="reset()">RESET</button>

  </form>

  <p>form = {{user}}</p>

  <p>master = {{master}}</p>

</div>


<script>

var app = angular.module('myApp', []);

app.controller('formCtrl', function($scope) {

    $scope.master = {firstName:"John", lastName:"Doe"};

    $scope.reset = function() {

        $scope.user = angular.copy($scope.master);

    };

    $scope.reset();

});

</script>

</body>

</html>


查看完整回答
反对 回复 2022-08-20
?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

开发人员按照您在评论中告诉,要通过html绑定数据,您可以尝试使用此解决方案。

首先在 .cshtml 的标头部分中初始化 .cshtml 中的模型,然后使用 @model 并通过添加 来提供其字段名称(点)对数据进行签名并将其绑定到 html 控件


查看完整回答
反对 回复 2022-08-20
  • 2 回答
  • 0 关注
  • 133 浏览

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号