问如何在Asp.Net MVC视图中使用Angular？
EN

Stack Overflow用户

提问于 2017-05-24 23:13:26

回答 1查看 2K关注 0票数 2

我有包含服务器渲染内容的HTML页面。现在我使用的是Angular 1.5，所有的页面都有ng-app，并且angular指令都是以标记为种子的。因此，我的应用程序不是单页面应用程序，它对小部件和UI控件使用angular指令。例如：

@model PageViewModel
 <html ng-app="app"> 
 ...
 <body>
    <form> 
      <input type="text" name="@Html.NameFor(x => x.Name)"/>

      <file-upload name="@Html.NameFor(x => x.Logo)" value="@Html.ValueFor(x => x.Logo)"></file-upload>
      <file-upload name="@Html.NameFor(x => x.Teaser)" value="@Html.ValueFor(x => x.Teaser)"></file-upload>

      <input type="submit"/>   
    </form>
 </body>
</html>

我想将视图迁移到Angular 4，但它看起来非常专注于只有一个根组件的单页面应用程序。我如何在Angular 4上做同样的代码？我应该把所有的页面内容放在angular根元素或其他元素中吗？

我正在尝试这样做：

@model PageViewModel
 <html> 
 ...
 <body>
 <app-root> 
    <form> 
      <input type="text" name="@Html.NameFor(x => x.Name)"/>

      <file-upload name="@Html.NameFor(x => x.Logo)" value="@Html.ValueFor(x => x.Logo)"></file-upload>
      <file-upload name="@Html.NameFor(x => x.Teaser)" value="@Html.ValueFor(x => x.Teaser)"></file-upload>

      <input type="submit"/>   
    </form>
 </app-root>
 </body>
</html>

asp.net-mvc

angular

回答 1

Stack Overflow用户

发布于 2017-09-17 09:26:59

一种更简单的方法是呈现js文件并将其复制到文件夹中，然后调用<app-root>

我有一个使用idea http://bresleveloper.blogspot.co.il/2017/09/angular-4-with-net-webformsmvc-tutorial.html的例子

对于更高度集成的解决方案http://www.mithunvp.com/using-angular-2-asp-net-mvc-5-visual-studio/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44162411

复制

相似问题

问如何在Asp.Net MVC视图中使用Angular？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Asp.Net MVC视图中使用Angular？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Asp.Net MVC视图中使用Angular？
EN