如何将AngularJS 1.6升级到Angular 5

时间:2018-05-17 09:16:34

标签: javascript html angularjs angular angular-ui-router

我已阅读Angular的官方文档,要求从1.x升级到版本5.但我无法实现 ngUpgrade

任何人都可以帮忙解决此问题或帮助我继续操作吗?

旧项目位于 AngularJS 1.6 ,我使用 ui-router 作为路由机制。

以下是控制器的示例代码

  

heroController:

myApp.controller("heroController", ["$scope", function ($scope) {
    // Controller Code
}]);
  

index.cshtml代码:

<body ng-app="myApp">
   <div ui-view></div>
</body>

我有一个适用于现有应用程序的MVC包装器。现在我想迁移到更新版本的Angular(版本5和即将推出的版本)。 由于现有的应用程序有很多控制器,指令,服务工厂,因此我想首先进行ngUpgrade,然后我将开始组件迁移。

注意: 我没有使用任何构建工具来捆绑js文件,我正在使用MVC&#39>。

3 个答案:

答案 0 :(得分:3)

你可以采取两种方式,

(i)最好的方法是重写应用程序。

(ii)或者明智地迁移每个模块。您可以阅读如何从以下博客迁移。

https://vsavkin.com/migrating-angular-1-applications-to-angular-2-in-5-simple-steps-40621800a25b

答案 1 :(得分:0)

AngularJs和Angular是不同的,因为所有Angular都是AngularJs的完全重写。 换句话说,AngularJs都是Angular 1的版本而Angular是版本2的upword。

答案 2 :(得分:0)

前一段时间,来自客户的同一个请求。在搜索互联网快速解决此问题后找到了本指南。它有多个步骤,一次一个。这是一个漫长的过程,但至少描述了每个步骤:

https://angular-2-training-book.rangle.io/handout/migrate/

希望有所帮助

P.S。 ngUpgrade首先需要这个:用ng-app

替换angular.bootstrap.指令