首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

RedirectToAction在asp.net核心中不能与angular2一起使用

在ASP.NET Core中,RedirectToAction是一个用于重定向到另一个控制器动作的方法。它用于在服务器端执行重定向操作,将用户导航到另一个页面或动作。

然而,Angular 2是一个用于构建客户端单页应用程序的前端框架,它主要运行在浏览器中。由于Angular 2是一个完全独立的前端框架,与服务器端的ASP.NET Core应用程序没有直接的关联,因此无法直接与ASP.NET Core中的RedirectToAction方法一起使用。

在使用Angular 2开发应用程序时,通常会使用路由(Router)来实现页面之间的导航。通过配置路由规则,可以在不刷新整个页面的情况下,根据用户的操作切换到不同的视图。

如果想要在ASP.NET Core应用程序中与Angular 2一起使用,可以考虑以下几种方法:

  1. 使用Angular的路由功能:在Angular应用程序中配置路由规则,通过点击链接或执行操作来切换视图。这样可以实现前端的页面导航,而无需使用服务器端的重定向。
  2. 使用ASP.NET Core的API:将ASP.NET Core应用程序作为后端提供API接口,供Angular应用程序调用。通过HTTP请求,Angular应用程序可以与后端进行数据交互,实现前后端的数据传输和处理。
  3. 使用Angular Universal:Angular Universal是一个用于在服务器端渲染Angular应用程序的解决方案。通过在服务器端生成HTML页面,可以实现更好的SEO和首次加载性能。在这种情况下,可以使用ASP.NET Core的重定向功能来实现服务器端的重定向。

需要注意的是,以上方法仅是一些常见的做法,具体的实现方式可能会因项目需求和架构设计而有所不同。在实际开发中,需要根据具体情况选择合适的方法来实现前后端的协作和页面导航。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

多个月以来,我和多个Github上的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主ASP.NET Core项目中...模块热拔插:开发期间,一旦你编辑了一个Typescript文件、CSS文件、或者其他客户端资源,你的改变也将在刷新页面的情况下立即推送到浏览器。...假如你是Linux和MacOS开发,或者使用其他IDE,使用我们的Yeoman生成器来获得VS Code或者其他编辑器上对于Angular2、React、React+Redux或者knockout项目的相同支持...创建并且运行项目 当你完成安装以上所有内容后,你可以打开VS2015 创建新项目,展开Web目录,选择 ASP.NET Core Angular2 Starter Application(.NET Core...第一件事,虽然通常angular2运行在浏览器里,但是ASP.NET Core Server也可以让他运行在服务器端,所以它可以仅将HTML代码发送到浏览器,不需要javascript就可以显示内容。

3.3K60

ASP.NET MVC 5 - 查询Details和Delete方法

例如,黑客可以通过更改http://localhost:xxxx/Movies/Details/1到http://localhost:xxxx/Movies/Details/12345 (或某些其它值,代表实际影片的值...一是使用不同的方法名称。这是框架代码在前面的示例中所使用的方法。...下一步 您构建和测试一个Web应用程序之后,下一步就是将其提供给其他人,以使得通过互联网访问。要做到这一点,你需要将它部署到一个Web主机。...ASP.NET MVC 5 - 创建连接字符串(Connection String)并使用SQL Server LocalDB 7. ASP.NET MVC 5 - 从控制器访问数据模型 8. ...ASP.NET MVC 5 - 使用Wijmo MVC 5模板1分钟创建应用 希望这些文章对感兴趣的朋友有所帮助,另附上PDF版的汇总文档: 《ASP.NET MVC 5 入门指南》PDF版

3.1K60
  • 七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理

    ASP.Net MVC 数据处理 七天学会ASP.NET MVC (四)——用户授权认证问题 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理 七天学会ASP.NET MVC...库记录并更新表格 实验13——添加服务器端验证 实验14——自定义服务器端验证 结论 数据访问层 实际开发中,如果一个项目包含任何数据库,那么这个项目是不完整的,我们一二节实例中未涉及数据库,本节开始...使用Form 标签来生成请求,与通过浏览器地址栏或超链接来生成请求,有什么区别? 使用Form标签生成请求时,所有有关输入的控件值会随着请求一起发送。 输入的值是怎样发送到服务器端的?...如果控件名称与类属性名称匹配会发生什么情况?...保存接收的值(Post 数据或查询字符串的值)              Asp.net MVC,将使用 DataAnnotations来执行服务器端的验证。

    5.3K100

    七天学会ASP.NET MVC (四)——用户授权认证问题

    ASP.Net MVC 数据处理 七天学会ASP.NET MVC (四)——用户授权认证问题 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理 七天学会ASP.NET MVC...当点击”Add New“超链接时,请求会通过Add New方法处理,该Action 方法中,可以传递任何数据。即就是,View中的Model属性为空。...是,当使用Html 帮助类,可根据服务端验证来获取自动客户端验证,以后会详细讨论。 服务器端验证还有没有必须使用一些JavaScript脚本代码无法使用时,服务器端可以替代使用。...本系列的第一讲中,我们了解了Asp.Net和MVC的意义,知道MVC是Asp.net的一部分,MVC继承了ASP.NET的所有特征,包含表单认证。 先来了解ASP.NET是如何进行Form认证的。...当通过浏览器生成,所有相关的Cookies也会随着请求一起发送。 服务器接收请求后,准备响应。 请求和响应都是通过HTTP协议传输的,HTTP是无状态协议。

    8.7K50

    Web开发在过去20多年时间里如何改变了我

    NodeJS通过服务器上使用JavaScript再次改变了世界。你只需要两个不同的语言(HTML和JavaScript),就可以来创建很酷的web应用。...我用JavaScript编写代码大概有20年时间,但我从来没有单个项目中写过这么多的JavaScript代码。之后,在过去几年时间里我开始使用AngularJS。...Angular2是应该好好研究TypeScript的一个原因,因为现在的Angular2完全是用TypeScript写的。...当然类型化的语言很多情况下也是有用的,但是——使用JS工作了20年——我喜欢隐式的类型JavaScript语言的灵活性,并且我对它很熟。...所有这些东西都变得更为轻巧,连同工具一起。控制台回来了,IDE变回为它们的root:只不过是一些有着类似语法高亮和智能感知这些作用的文本编辑器。

    1.5K60

    Asp.Net MVC4入门指南(9):查询详细信息和删除记录

    本教程中,您将查看自动生成的Details和Delete方法。 查询详细信息和删除记录 打开Movie控制器并查看Details方法。...例如,黑客可以通过更改http://localhost:xxxx/Movies/Details/1到http://localhost:xxxx/Movies/Details/12345 (或某些其它值,代表实际影片的值...您可以使用此 Web Platform Installer 链接启用IIS服务器的 ASP.NET 应用程序的设置。...以上的查询详细信息和删除记录示例是为了帮助大家更好的掌握MVC的知识,进行MVC开发时,使用开发工具也可以大大提高工作效率。...使用 ComponentOne Studio ASP.NET MVC 这款轻量级控件,效率大幅提高的同时,还能满足用户的所有需求。

    1.9K80

    MVC3教程之实体模型和EF CodeFirst

    本节中,我们将使用Entity Framework 数据访问技术来定义这些模型类,并对这些类来进行操作。EF支持一个被称之为“code-first”的开发范例。...3.添加数据库连接   由于我们创建的是空的Mvc项目,所以Web.config文件中,包含任何的数据库连接字符串,我们打开Web.config文件,为它添加一个数据库连接字符串的配置: <connectionStrings...在这个模板中,我们使用了Razor视图引擎,Razor中,我们可以使用@model 用来指定传到视图的 Model 类型,访问传入视图的数据内容。...7.设置实体模型的数据验证   ASP.NET MVC中,有一条作为核心的原则,就是DRY(“Don’t Repeat Yourself,中文意思为:不要让开发者重复做同样的事情,即“一处定义、处处可用...ASP.NET MVC与EF code-first提供的默认验证规则就是一个实现DRY原则的很好的例子。你也可以模型类中显式地追加一个验证规则,然后整个应用程序中都使用这个验证规则。

    1.3K20

    ASP.NET Core 入门教程 4、ASP.NET Core MVC控制器入门

    Core MVC 控制器简介 1、ASP.NET Core MVC 控制器概述 MVC Web框架中,路由模块会对接收到的请求进行匹配并转交由对应的控制器(Controller)进行处理。...为了搭配视图引擎使用ASP.NET Core MVC 框架内置了 Microsoft.AspNetCore.Mvc.Controller类,提供了一些视图引擎需要的特性。...3、控制器(Controller)的命名 Controller类的类名(ClassName)推荐以Controller为结尾(区分大小写)。...当然,你也可以不以Controller作为控制器类名(ClassName)的固定后缀,那么路由模块会以完整的类名(ClassName)作为ControllerName ASP.NET MVC框架中...,控制器(Controller)类名必须以Controller作为后缀,但是 ASP.NET Core MVC框架中去掉了这个限制。

    1.9K10

    ASP.NET Core 入门教程 4、ASP.NET Core MVC控制器入门

    Core MVC 控制器简介 1、ASP.NET Core MVC 控制器概述 MVC Web框架中,路由模块会对接收到的请求进行匹配并转交由对应的控制器(Controller)进行处理。...为了搭配视图引擎使用ASP.NET Core MVC 框架内置了 Microsoft.AspNetCore.Mvc.Controller类,提供了一些视图引擎需要的特性。...3、控制器(Controller)的命名 Controller类的类名(ClassName)推荐以Controller为结尾(区分大小写)。...当然,你也可以不以Controller作为控制器类名(ClassName)的固定后缀,那么路由模块会以完整的类名(ClassName)作为ControllerName ASP.NET MVC框架中,...控制器(Controller)类名必须以Controller作为后缀,但是 ASP.NET Core MVC框架中去掉了这个限制。

    2.3K40

    ASP.NET MVC 随想录——开始使用ASP.NET Identity,初级篇

    ASP.NET MVC 进行授权、使用第三方登录、声明式认证等。...ASP.NET Identity 前世今生 ASP.NET Membership ASP.NET 2.0时代,ASP.NET Membership用于用户管理的常见需求。...添加ASP.NET Identity 包 Identity以包的形式发布NuGet上,这能够很方便的将它安装到任意项目中,通过Package Manger Console输入如下命令来安装Identity...对于初学者,我建议学习它里面API的使用,但我推荐将它使用在正式环境中,因为它产生了过多的通用和冗余代码,有时候我们只想让它简单工作。...使用ASP.NET Identity 成功建立ASP.NET Identity之后,接下来就是如何去使用它了,让我们再回顾一下ASP.NET Identity的几个重要知识点: 大多数应用程序需要用户、

    3.6K80

    Angular2 VS Angular4 深度对比:特性、性能

    接下来一起了解Angular2这个版本发布的原因以及如何将其添加到Web开发中。 ...这个Angular版本更加注重于开发移动应用程序,开发人员可以使用它创建跨平台的应用程序,解决了移动应用程序(功能,加载时间等)的挑战后,Angular2可以更容易的处理桌面组件。...实例范围: 增强的DI库是由实例范围控制器组成的,当与子注入器连同范围标识符一起使用时,会更加强大。...动态载入: 这是之前的Angular版本均不具备的功能,Angular2包含了这个功能,即使开发人员忙碌时,也能够添加新的指令或控件。 模板: Angular2中,模板编译过程是异步的。...这意味着如果开发人员不需要使用动画,就可以创建这些额外的代码。 这个功能还能够帮助更方便的查找docs文件和使用自动完成功能。

    8.7K20

    探寻ASP.NET MVC鲜为人知的奥秘(2):与Entity Framework配合,让异步贯穿始终

    我们都知道,微软的IIS服务器中每个线程数量是有限的,以往的ASP.NET MVC应用程序中,当一个请求到达服务器,IIS从线程池中创建一个线程开始执行调用,当执行完所有的操作将请求返回,再释放线程,...How ASP.NET MVC3种,已经提供了AsyncController,可以创建异步的控制器,可那时候需要用到Async和Completed方法对的模式来处理,而现在,我们不需要单独去实现继承自...Let’s  do   it 示例使用VS2013创建一个ASP.NET MVC5项目”AsyncExample“(纠结于设计原则,注意重点) Models文件夹中添加一个用户类: namespace...开启Entity framework的Migrations功能: PM> enable-migrations BTW:新版本的Entity Framework中,已经可以使用自动迁移,不需要为每一次的模型变更手动的去升级数据库结构...context.Users.Add(user); await context.SaveChangesAsync(); return RedirectToAction

    71370

    从Membership 到 .NET4.5 之 ASP.NET Identity

    如果要使用ProfileProvider的话,最好是最开始的设计阶段就使用,因为要想把ProfileProvider直接集成到现有的老系统中,那是一件很难的事情,我们看一下Profile表的结构就知道了...我也怀疑区别就是可以创建membership用户记录的时候,可以一起把我们的额外信息带进去,其余的还真没有发现什么区别。...SimpleMembershipProvider所有的操作都是通过WebSecurity这个类来完成的,这个类所完成的功能与Membershipo类是一样的,主要是对Provider的功能进行一个封装,...ASP.NET Identity 基础示例   ASP.NET Identity是.NET Framework4.5中引入的,从Membership发布以来,我想微软已经从开发者以及企业客户那里面得到了足够的反馈信息来帮助他们打造这样一套新的框架...public UserManager(IUserStore store) { this.Store = store; }   我们现在使用的是ASP.NET Identity EF

    1.9K60

    一步一步创建ASP.NET MVC5程序(八)

    如果是,你练习的时候有没有遇到什么问题呢? 反正Rector是有收到部分童鞋发来他们练习过程中的问题反馈的哦。...同时,也吐个槽,本文看似内容简单的一B,但也花了笔者几个小时来准备示例以及写作,写技术文章真心伤起 珍爱生命,远离程序!!!...t.ToString("x2")); } return strBuilder.ToString(); } } } 在用户注册或者登录时,我们将使用这个...MD5加密用户的密码,并将其保存到数据库中(数据库中保存明文的密码是非常危险的,特别是重要的安全级别很高的项目中,千()万(信)别(你)这(试)样(一)做(下)!!!)。...} } } 添加必要JS库 由于之前我们将项目中的多余的JS库全部移除掉了,所以现在我们重新安装一下我们项目中将要到的一些JS库,包括:jQuery,Bootstrap等,都使用

    1.3K60

    MVC 5 Scaffolder + EntityFramework+UnitOfWork Pattern 代码生成工具集成Visual Studio 2013

    asp.net MVC 5 Scaffolding多层架构代码生成向导开源项目(邀请你的参与) Demo和所有源代码代码 https://github.com/neozhu/MVC5-Scaffolder...功能: 1/新增操作 : 页面跳转到新增页面 2/删除操作 : 选择记录或单击行上的删除 弹出确认框 是否删除改记录 3/编辑操作 : 单击行上的编辑图标页面跳转到编辑页面 4/查询操作 : Search...功能: 布局:上部表头,下部的Tab为表体明细 一对多 :表体用table显示 多对一 :用Dropdownlist进行选择 表体明细的操作 :使用popup modal的方式操作 单击保存后,系统会自动合并表头表体一起提交到后台进行保存...Index :查询Table List Create :新增页面 Edit : 编辑页面 EditForm :Partial View内嵌Create 和Edit页面中 _OrderDetailForm...); } DisplaySuccessMessage("Has delete a Order record"); return RedirectToAction

    1.4K130
    领券