我有一个使用 Razor 引擎 (.cshtml) 在 ASP.NET Core 2.0 上运行的应用程序,但我想将 Angular 4 合并到应用程序中以避免来自 AJAX 调用的旧式 jQuery 数据绑定(bind)。我必须执行哪些步骤才能将 Angular 添加到现有项目中?
我也看过 knowkoutJS,但我不知道它是否得到积极支持。
编辑:
我想我正在寻找的是关于如何将 Angular 4 添加到使用 Razor 引擎的现有 .NET core 2.0 应用程序的分步过程。
我目前正在使用 Angular 4 开发一个新项目。我在旅途中学习。我使用 angular 1.5.X 进行开发。这是第一次使用 angular 4。
这是我的发现。我不知道你为什么不喜欢与 Angular 路由混合使用。但是将 Angular 路由与 .net 应用程序混合和匹配很容易。希望这会帮助您朝着好的方向发展。
首先,正如@Ilya.Sulimanov 所说,Angular 4 应用程序似乎是具有路由、构建 (WebPack) 等功能的独立 SPA。
接下来,使用 Angular 4 和 .Net 实现身份验证有点麻烦。 .Net 身份不支持开箱即用的基于 Angular 身份验证。理想的是使用基于 token 的身份验证。这需要在身份之上实现。但它很容易做,而且可以证明 future ,就好像你想开发一个移动应用程序等。
否则,您可以使用混合方法进行身份验证。只需使用基于 View 的页面(表单例份验证)进行登录、注册和更改密码等。一旦通过身份验证,将用户重定向到 SPA。然后在 SPA 的所有 API 中使用“授权”属性。但是有一个问题!您需要在 Angular 端注入(inject) HTTP 错误处理,以检查用户是否每次都经过身份验证。如果超时/注销,则使用 Angular 路由器重定向到登录页面。
注意事项,
为您的 SPA 使用固定的 URL。说 www.example.com/spa 所以所有的 Angular 路由都是从那里发生的。例如:www.example.com/spa/#/home 等
我有点难以让 webpack 与 .netcore 携手合作。似乎有一点学习曲线。我来自 Gulp 背景。
希望对您的选择有所帮助。
好的开始,
界面
一些应用[适合作为起点],
更新
找到这个 https://github.com/MarkPieszak/aspnetcore-angular2-universal .这为如何使用 .net 核心开发配置 webpack 提供了很好的思路。
到目前为止,没有一个例子没有给出单站解决方案。但是他们每个人都解决不同的问题以获得完整的解决方案。