javascript - ASP.NET Core 2.0 Razor + Angular 4 混合

标签 javascript angular typescript asp.net-core-mvc razorengine

<分区>

我有一个使用 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 提供了很好的思路。​​

到目前为止,没有一个例子没有给出单站解决方案。但是他们每个人都解决不同的问题以获得完整的解决方案。

关于javascript - ASP.NET Core 2.0 Razor + Angular 4 混合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45898498/

相关文章:

javascript - 3 级嵌套 View 结合选项卡导航和侧边菜单导航与 ionic 框架

javascript - 如何绕过express的错误处理

javascript - 使用 <Link> 时 React Router 显示空白页面

javascript - 遍历数组并将元素推送到对象

javascript - 如何使用图形 API 仅从用户的 Facebook 新闻源中获取照片?

javascript - 如何从根域访问子域的html5 localStorage?

angular - 试图了解 Angular 缓存破坏

angular - 将鼠标悬停在垫标签上时不会触发 mouseenter 和 mouseleave

angular - 在内容滚动到顶部然后再滚动到底部之前,ionic 3 无限滚动不起作用

angular - 无法在 Ionic 3 上创建路线