社区首页 >问答首页 >在Angular 1中使用Angular 2页

问在Angular 1中使用Angular 2页
EN

Stack Overflow用户

提问于 2017-06-29 13:06:13

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

目前我们已经在Angular 1.X上开发了应用程序，但我们不想从Angular 1.X迁移到Angular 2，因为它是非常糟糕的应用程序，需要更多的努力。我们想要另一种方式。我们可以在Angular 1.X应用程序中使用Angular 2功能吗？在未来，无论创建哪个页面，都应该在Angular 2中，但需要与Angular 1.X并排工作。比如从Angular 1.X调用Angular 2中的新路由或新组件。请让我知道这是否可能。

谢谢

angular2-template

angular2-routing

EN

回答 2

Stack Overflow用户

发布于 2017-06-29 13:11:55

有点。你要找的是一个Angular混合应用。这里有一个article，可以帮助你找到你想要的东西。

票数 0

EN

Stack Overflow用户

发布于 2017-06-29 13:15:35

是的，这是可能的。

您可以在旧的angular应用程序中使用新的angular组件/模块(降级)，也可以在新的angular应用程序中使用旧的组件(升级)。

在angular网页上有一个部分描述了这一切。直接链接在这里https://angular.io/guide/upgrade#using-angular-components-from-angularjs-code

票数 0

EN

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

原文链接：

https://stackoverflow.com/questions/44826020

复制

相关文章

Angular Elements 组件在非angular 页面中使用的DEMO

Angular Elements 是伴随Angular6.0一起推出的新技术。它借助Chrome浏览器的ShadowDom API，实现一种自定义组件。这种组件可以用Angular普通组件的开发技术进行编写，学习成本低，当它构建好后生成一个打包的js文件。如果页面引入该Js文件，就相当于在页面中新增了一个标签，所以在任意框架中都可以使用新标签，就像它是原生div一样。

申君健

2018/09/21

2.7K0

Angular Elements 组件在非angular 页面中使用的DEMO

angular 路由使用

创建路由模块 ng generate module app-routing --flat --module=app 修改app-routing.module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; // 引入路由模块 import { Routes, RouterModule } from '@angular/router'; // 引入被路由的组件 import

路过君

2020/06/19

1K0

Angular4记账webApp练手项目之二（在angular4项目中使用Angular WeUI）

安装后还需要引用weui 样式以及我们的font-awesome图标苦，在我们项目index.html中引用

易兒善

2018/08/21

2.2K0

Angular4记账webApp练手项目之二（在angular4项目中使用Angular WeUI）

Angular 从入坑到挖坑 - Angular 使用入门

javascript angularjs 单元测试 npm

angular 入坑记录的笔记第一篇，完成开发环境的搭建，以及如何通过 angular cli 来创建第一个 angular 应用。入坑一个多星期，通过学习官方文档以及手摸手的按教程敲官方的快速上手项目，很像后端，嗯，完美的契合了我这种后端开发人员。

程序员宇说

2020/02/24

2K0

使用Angular CLI生成 Angular 5项目

如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文. Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本的nodejs. 今天主要通过以下几个方面介绍Angular CLI: 生成项目参数介绍配置和自定义CLI 检查和修复代码生成新项目: ng new my-app 这个命令会生成一

solenovex

2018/03/29

1.9K0

使用Angular CLI生成 Angular 5项目

RxJS 在 Angular响应式表单中的使用

html rxjs filter form status

FormControl 的 valueChanges 属性和 statusChanges 属性包含了会发出变更事件的可观察对象。例子

mafeifan

2019/03/04

5.1K0

angular 路由懒加载_angular路由

https 网络安全 angularjs

在angular中路由即能加载组件又能加载模块，而我们说的懒加载实际上就是加载模块，目前还没有看到懒加载组件的例子。加载组件使用的是component关键字加载模块则是使用loadChildren关键字

全栈程序员站长

2022/11/08

1.3K0

使用Angular的依赖注入

网络安全 angularjs

Service 的表现形式是一个class，可以用来在组件中复用比如 Http 请求获取数据，日志处理，验证用户输入等都写成Service，供组件使用。

mafeifan

2019/06/15

9990

Angular--Module的使用

angularjs bootstrap 编程算法

Angular 是一个用html 和typescript 构建客户端应用的平台与框架。它将核心功能和可选功能作为一组TypeScript 库进行实现，你可以把它们导入到你的应用中。

半指温柔乐

2020/04/21

4.9K0

angular组件的基本使用

网站网络安全

angular组件的基本使用组件组件模板 ng generate component xxx 新建组件(大驼峰命名) 属性绑定 <img [src]="imgSrc" /> public imgSrc:string="./assets/imgs/1.jpg"; 事件绑定 <button class="btn btn-success" (click)="btnClick($event)">测试事件</button> public btnClick(event):void{ alert

一个淡定的打工菜鸟

2022/08/23

1.5K0

使用Angular CLI生成路由

为应用生成路由. 先创建一个项目: ng new my-routing --routing 可以看到生成了两个module. 看一下routing module: 再看一下app module: 已经

solenovex

2018/03/29

2K0

使用Angular CLI生成路由

使用Jasmine测试Angular Promises

code comments function jasmine tools

Jasmine provides a few more tools when dealing with promises. Consider the following controller:

javascript.shop

2019/09/04

9390

Angular学习（02）--Angular-CLI命令

angularjs 打包 typescript c++

官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触学习 Angular 的还是建议以官网为主。

请叫我大苏

2019/03/19

2.6K0

Angular学习（02）--Angular-CLI命令

Angular 中使用 Api 代理

api https http 网络安全 typescript

作为前端开发，我们跟后端对接接口是很频繁的事情，但是，我们对接的过程中总是遇到跨域的问题，那么我们如何解决呢？

Jimmy_is_jimmy

2022/04/15

4300

Angular 中使用 Api 代理

angularjs html javascript rxjs

AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。

生南星

2019/07/20

4.4K0

点击加载更多

相似问题

无法使用angular translate在angular中翻译

11

在Angular拦截器中使用Angular服务

110

在Angular应用程序中使用angular元素

11

如何使用@ Angular /upgrade在Angular 1应用中使用angular 2组件

112

如何使用angular-qrcode Angular？

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例