Tag: angularjs

如何设置ASP.NET API / AngularJS项目

我正在开始自己的Angular Web应用程序。 我有使用c#和angular进行编码的经验,但我从来没有设置过我自己的项目/解决方案。 在这种情况下,我想设置一个ASP.NET Web API,它将以JSON方式与Angular SPA前端通信(尽管它应该与前端无关,任何说JSON的应用程序都应该能够与它通信)。 另外,我听说过关于grunt的好东西,所以我想将它合并到项目中(至少要编译LESS并缩小和组合我的角度文件)。 我正在与visual studio professional 2013合作。我首先创建了一个Web API项目并下载了WebEssentials插件。 我对如何继续这里感到有点困惑。 我应该将我的角度分成同一个解决方案中的单独项目吗? 我如何包括咕噜声? 如何在visual studio的上下文中使用grunt将我的angular文件包含在index.html文件中? 该项目附带一个Scripts文件夹和一个Views文件夹。 我知道最好按function构造角度文件,以便将控制器和视图放在一起。 我应该在脚本文件夹中包含我的观点吗? 这对我的构建过程有何影响? 我意识到这些可能是非常幼稚的问题。 请耐心等待,在谈到这些任务时,我是一个完全的初学者。 我过去所做的一切基本上都是代码。

是否可以在ASP.NET Web API和SPA中使用基于cookie的身份validation?

我想创建基于angularjs前端和ASP.NET Web API的Web应用程序。 我需要创建安全api,但我不能在公司的服务器上使用基于令牌的身份validation,这将实现此Web应用程序。 是否可以对SPA和ASP.NET Web API使用基于cookie的身份validation? 对于我拥有SPA和Web API的场景,如何在ASP.NET项目上配置基于cookie的身份validation?

从Razor(asp.net)迁移到Angular JS作为模板引擎

我们使用的是ASP.NET Razor,我们大量使用Razor生成HTML,在布局中包含部分视图,以及类似的东西。 但是,现在Angular已经出局并且非常强大,我们希望尽可能多地使用它。 一位同事建议理论上应该可以用Angular JS完全取代Razor,我们对它进行了研究,看起来似乎是可行的。 例如,我们可以用Html.Partial替换Html.Partial ,我们可以用替换Html.Partial RenderBody() ,我们可以用ng-repeat替换循环等。 将Razor放在一边并仅与Angular一起工作是否有任何陷阱? 我们错过了什么吗?

从C#Byte数组加载图像,并使用AngularJS将图像放在html标记中

我正在使用Byte Arrayforms的Image,因为我正在使用以下C#方法转换字节数组 public HttpResponseMessage ReturnBytes(byte[] bytes) { HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK); result.Content = new ByteArrayContent(bytes); result.Content.Headers.ContentType = new MediaTypeHeaderValue(“application/octet-stream”); return result; } 我的HTML源代码: var app = angular.module(‘myApp’, []); app.controller(‘myCtrl’, function($scope, $http) { $http.get(“someurl”) .then(function(response) { $scope.imageSrc = response.data; $(‘.div_image’).html(”); }); }); 参考链接我遵循: 如何从C#中的Web Api方法正确获取字节数组? 显示png图像作为对jQuery ajax请求的响应 我无法在HTML视图中加载图像。 请帮助我……

从服务中的JavaScript HTML调用WCF服务

我目前有一个在数据库上运行的WCF服务。 我希望能够使用JavaScript(特别是AngularJS)来调用服务方法并在网页中显示它们。 我知道这可以使用使用该服务的单独ASP.NET客户端应用程序来完成,但我希望将JavaScript / HTML作为WCF服务项目的一部分。 理想情况下,我希望用户在运行服务时看到我的网页,而不是像这样: https : //pieterderycke.files.wordpress.com/2011/01/service-page-in-internet-explorer.png ,但我不知道从哪里开始。 我必须在哪里将JS / HTML文件放在项目中,如何从WCF服务中引用它们? 是否需要做一些事情来将服务公开给JS / HTML文件? 提前致谢!

如何通过angularJS和webaAPI2下载内存流对象

我有一个项目,我使用NPOI从我的Angular应用程序生成Excel文档。 我可以通过我的角度服务调用我的webapi控制器,如下所示: function exportReportToExcel(report) { return $http.post(‘reportlibrary/exportReport/’, report, { }).then(function (response) { return response.data; }); }; 在控制器内,我进行以下调用 [HttpPost] public HttpResponseMessage ExportReport([FromBody]DTOs.Report report) { try { IReportPersistenceManager manager = ContainerConfigurator.Instance.Resolve(); MemoryStream ms = new MemoryStream(); //we have to pass to the NOPI assemble file type as well as file name //since we only deal with excel […]

使用ASP.Net webapi的Angular.js $资源?

我有一个简单的ASP.Net WebAPI服务,它在POST / PUT上分配一个静态变量并返回GET上的值: private static State Repo = null; public State Get() { return Repo; } public void Post(State value) { Repo = value; } public void Put(State value) { Repo = value; } 我有一个像这样定义的角度资源: var stateService = angular.module(‘StateService’, [‘ngResource’]); stateService.factory(‘State’, function ($resource) { return $resource(‘http://localhost:8080/API/State’); }); 当我尝试这样做时: State.get(function (state) { $scope.data = state.data […]

如何让Angular JS在Visual Studio 2015解决方案中工作?

我认为我的问题是我没有在我的机器或Visual Studio 2015上正确配置Angular JS,但我不确定。 我所知道的是,我的应用程序显示一个空白页面,并且Visual Studio 2015无法识别Angular标记。 有人可以解释我错过了什么以及如何添加它? 我从客户端获得了Visual Studio解决方案,需要让它运行。 我知道它使用某种Angular JS,似乎使用C#6.0并需要Visual Studio 2015进行编译。 我之前从未使用过VS2015,C#6.0或Angular。 我通常在VS2013中开发asp.net/C#应用程序。 项目编译(我可以清理并重建它),但初始屏幕是空白的。 该页面的页面源似乎是我想要的代码。 在VS中,我可以看到它无法识别某些标签。 我认为我需要包含一个引用或下载与Angular相关的东西。 我从https://angularjs.org/重新下载了Angular文件。 我还尝试在aspx页面的头部显式引用angular.js文件,如下所示: https ://www.npmjs.com/package/angular-material。 我也尝试将角度添加到intellisense,如下所述: AngularJS intellisense不能在Visual Studio 2015上运行 。 这些都不起作用。 在VS中,我在这些行上收到警告: 错误表明属性不是标记的一部分或不支持标记: 我认为这只是智能感知不起作用,所以我尝试运行解决方案。 它编译并向我显示一个空白屏幕。 如果我查看屏幕的页面源代码,我可以看到我的代码在那里,但没有显示: 如果我删除Angular标签,我可以让页面显示出来。 所以如果我用这个替换初始的body和div标签: Text 我可以看到页面的一部分: 这似乎表明问题出在Angular标签上。 那么我该如何让他们工作? 编辑1: 我将这些引用添加到angular: 我能在代码中找到角度的唯一地方是package.json: “browser”: { “angular”: “../lib/angular.js”, “angular-animate”: “../node_modules/angular-animate/angular-animate.js”, “angular-aria”: “../node_modules/angular-aria/angular-aria.js”, “angular-cookies”: “../node_modules/angular-cookies/angular-cookies.js”, […]

C# – ObjectContext实例已被释放,不能再用于需要连接的操作

我很抱歉重复。 我正朝着同样的问题前进,但仍无法处理它。 我正在使用Angularjs框架和Asp.net mvc。 我的class级: public partial class Person { public int PersonID { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string Telephone { get; set; } public string Adress { get; set; } public int UserID { get; set; } public virtual User […]

AngularJS与ASP.NET MVC混淆

请注意:我在Stack Overflow中已经阅读了类似的一些问题但是没有从这些答案中得到我想要的清晰概念。 我清楚地了解为什么以及如何将AngularJS与ASP.NET Web API一起使用。 但我对使用AngularJS和ASP.NET MVC感到困惑! 在使用ASP.NET Web API的AngularJS的情况下: Web API控制器方法返回数据,AngularJS调用Web API控制器方法并捕获数据,然后在View中呈现数据。 这非常符合逻辑! 在使用ASP.NET MVC的AngularJS的情况下: ASP.NET MVC Controller方法本身返回带有数据的View / View。 那么AngularJS与ASP.NET MVC有什么用? 尽管如此,如果我想在ASP.NET MVC中使用AngularJS,那么我必须从ASP.NET MVC控制器方法返回JSON而不是MVC视图。 我的问题是: 为了将AngularJS与ASP.NET MVC一起使用,从ASP.NET MVC控制器方法返回JSON而不是MVC视图是否合乎逻辑? 如果我这样做,有什么好处吗? AngularJS与ASP.NET MVC的实际用途是什么? 或者我在哪里可以将AngularJS与ASP.NET MVC一起使用?