个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试让我的第一个 ASP.NET Webforms 和 AngularJS 应用程序启动并运行，但我很挣扎......
我创建了一个空白的新 ASP.NET 4.5.1 webforms 应用程序，并将 WebAPI 包含在其中。我为我的客户列表创建了一个示例页面，以及一个基于 EF6 的标准 WebAPI CustomerController : ApiController使用所有常用的 CRUD 方法。我使用 Fiddler 测试了该 WebAPI，然后瞧——我从我的数据库中找回了我的 8 个客户。
然而，将它引入 AngularJS 是一种不成功且非常令人沮丧的经历......
我包括AngularJS来自 NuGet，这似乎奏效了 - 没有显示任何错误或任何东西，一堆 angular*.js文件转储到我的Scripts文件夹。
我创建了一个基本的CustomerList.aspx基于包含 <html lang="en" ng-app="TestAngular"> 的母版页的页面标签。
为了从 WebAPI 服务获取数据，我创建了我的 Angular 模块，并创建了一个 model里面$scope ，并创建了一个从 WebAPI 获取数据的服务:
内部 app.js :
var testModule = angular.module('TestAngular', [ ]);
testModule.controller('clientController', function ($scope, clientService) {
$scope.model = [];
clientService.getAllClients(function(results) {
$scope.model.clients = results;
});
$scope.model.clientCount = $scope.model.clients.count;
});
testModule.factory('clientService', function ($http) {
var srv = {};
srv._baseUrl = 'http://localhost:56313';
// Public API
return {
getAllClients: function(callback) {
return $http.get(srv._baseUrl + '/api/Customer').success(callback);
}
};
});
clientService (
testModule.factory() 调用)调用我的 WebAPI URL，获取 JSON，然后回调函数将检索到的这些客户填充到
$scope.model.clients属性(property)，以及
$scope.model.clientCount也应该计算。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomerList.aspx.cs" Inherits="TestAngular.CustomerList" MasterPageFile="~/Site.Master" %>
<asp:Content runat="server" ID="content" ContentPlaceHolderID="MainContent">
<h2>My customers</h2>
<div class="panel panel-default" data-ng-controller="clientController">
We have a total of {{ model.clientCount }} clients in our database table ...
<div class="list-group" data-ng-repeat="client in model.clients">
<div class="list-group-item">
<span>{{ client.Name }}</span><br/>
<span>{{ client.Name2 }}</span><br/>
</div>
</div>
</div>
</asp:Content>
<div>与
data-ng-controller应该将该 DIV 与 AngularJS Controller “连接”，应该从 WebAPI 调用加载客户，并将它们包含在模型中，然后使用数据绑定(bind)语法(
{{ client.Name }} 等)将其呈现到 ASPX 页面
clientCount总是
undefined并且 ASPX 页面只显示两个空行，这可能对应于已检索到的客户 - 但为什么只有 2 个，而不是 8 个？
最佳答案
你肯定走在正确的轨道上。目前，问题归结为 clientService getAllClients方法。
你应该 return promise ，然后数据将链接到 Controller :
getAllClients: function(callback) {
return $http.get(srv._baseUrl + '/api/Customer').success(callback);
}
$scope.model.clientCount = $scope.model.clients.count;
$scope.model.clients将是
undefined .所以，我希望这条线会失败。此外，要获得数组的计数，您需要
length .
clientCount回调内部:
clientService.getAllClients(function(results) {
$scope.model.clients = results;
$scope.model.clientCount = $scope.model.clients.length;
});
$http 返回的 promise 。 .因此， Controller 会稍微更改为:
clientService.getAllClients().then(function(response) {
$scope.model.clients = response.results;
$scope.model.clientCount = response.results.length;
});
getAllClients: function() {
return $http.get(srv._baseUrl + '/api/Customer');
}
$http 的 promise 。 ，您可以使用
success Controller 中的方法:
clientService.getAllClients().success(function(results) {
$scope.model.clients = results;
$scope.model.clientCount = results.length;
});
success展开响应并仅将正文发送到回调。
关于angularjs - 集成 ASP.NET Web 窗体、Web API 和 AngularJS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28879173/
24
4
0
程序集，masm 嘿，我写了宏来打印存储在 dane1 段中的 1 字节值。 我将值除以 16，然后将提醒推送到堆栈，直到值==0。然后我弹出提醒将它们转换为 ASCII 码，并打印它们。 有人可以看
我在 Apache Geronimo 2.1.3 上有一个 Web 服务应用程序。 我正在使用 JAX-WS，使用 SOAP 1.1 注释 POJOS。 (使用 Sun JDK 1.5) 各种客户端都
我有一个数据变量，monthArray，它被多个消费者读取，并由单个定期更新程序线程定期更新数据。全部异步。 我已经考虑了这两个选项来安全地执行更新。 ArrayList tempArray
我有一组 3D 体。每个 Body 由 8 个点定义，每个点具有三个坐标。所有的物体都是立方体的或近似立方体的。我想用系统的点栅格“填充”立方体。坐标存储在简单的 data.frames 中。 我开发
我正在处理遗留代码，需要打补丁。 问题:一个古老的应用程序发送错误的 HTTP POST 请求。其中一个参数未经过 URL 编码。我知道这个参数总是排在最后而且我知道它的名字。我现在正尝试在运行在 t
我想在触摸屏幕时移动 sprite body ，但它不能发生...... -(void)ccTouchEnded:(UITouch *)touch withEvent:(UIEvent *)event
这个问题在这里已经有了答案: Can a union be initialized in the declaration? (3 个答案) 关闭 7 年前。 如果它是一个struct那么它就可以完成
我正在尝试获取生成 sigsys 信号的系统调用的地址!但我从 gcc 收到以下错误: gcc emulator.c -fms-extensions error: ‘siginfo_t’ has no
当我使用 Postman 进行 API 调用时，我收到一个 JSON 对象..这是我所期望的。 但是，当我像这样与 Guzzle 进行相同的调用时: $client = new \GuzzleHttp
在编码时，出现了差异。通常在编写简单的方法或构造函数时，我经常使用表达式体技术。但是，当我产生以下内容时: public class Sample : ISample { private r
我正在使用 LibGDX 创建一个新项目。 我想做的是，我将 tmx 文件中的主体加载到工作正常的关卡中。尸体也有一个 Sprite 。 问题是，我想让用户触摸场景中的某些 body 。当他们触摸 b
我的意图:在不使用 union 的情况下循环遍历一个结构的 30 个成员，所有成员都是字符数组类型，每个成员都存储对 itoa 的调用结果。在下面的代码中，我将结构体成员命名为a-z、A-D。在调用函
我必须将我的代码段之一从 C 转换为 java。代码如下。 union commandString{ char commndStr[20]; struct{ char
#include union NumericType { float value; int intvalue; }Values; int main() { Values.va
我在此代码中收到错误: fun num(num:Int):Int { if (num > 0){ print(num % 10) return num / 10
我是一名优秀的程序员,十分优秀！