Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >你能在Angular 2应用中使用Angular 1视图吗？

问你能在Angular 2应用中使用Angular 1视图吗？
EN

Stack Overflow用户

提问于 2017-01-26 15:17:00

回答 1查看 60关注 0票数 0

我正在开发一个用Angular 2编写的应用程序，我们有许多用Angular 1编写的视图，这些视图来自另一个应用程序，我们希望在Angular 2应用程序中使用这些视图，但需要做一些小改动。这个是可能的吗？我对此进行了一些研究，并阅读了一些教程，但它们似乎都是基于将Angular 1项目升级到Angular 2，而不是在现有的Angular 2项目中使用Angular 1。为了实现这一点，我需要在Angular 1中重写我的app.module.ts和路由文件吗?如果是这样的话，我还需要重写其他文件吗？

angular-upgrade

腾讯云域名特惠，新用户首年1元起

腾讯云域名专场特惠：个人新用户.cn仅8.8元/年，企业新用户.com仅1.06元/年...

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-26 15:24:46

可以，停那儿吧。诸如ng-click之类的基本Angular指令不会改变，但双向数据绑定的行为会改变。但您可以在视图中进行一些小的更改即可进行迁移。

不知何故，你将面临从Angular 1 JavaScript到Angular2 TypeScript的一些重构，为此，当你迁移应用程序时，你需要重写一些代码，比如路由。但是有很多关于迁移的参考资料。请查看以下链接。

https://www.codementor.io/angularjs/tutorial/migrating-from-angular-1-to-angular-2

致以问候。

票数 0

EN

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

原文链接：

https://stackoverflow.com/questions/41876720

复制

相关文章

【头条】如何隐藏页面中的某个元素

display hidden opacity visibility 架构

透明度为0，仍在文档流中，当作用于其上的事件(如点击)无效，这也是 visibility:hidden 与 opacity: 0 的区别

山月

2021/04/07

3.2K0

【头条】如何隐藏页面中的某个元素

元素的显示与隐藏

display hidden overflow scroll visibility

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是 display visibility 和 overflow。

星辰_大海

2020/09/30

4.4K0

用 CSS 隐藏页面元素

css java https 网络安全

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。

全栈程序员站长

2022/08/09

1.6K0

隐藏404页面中nginx版本信息

兮动人

2023/09/03

8000

demo2动态加载显示商品详情页

/* 要求：实现头像+昵称(多余7位用...) 商品图片（根据商品实际的图片的大小进行动态的展示。按照一定的比例进行展示。）产品简介。产品简介在商品图片的下边。并跟随商品图片的大小进行动态的收缩或者是展示。考虑：实现功能之后，是否要做占位图进行图片的占位？？！ */ 难点：动态的加载。实现：首先创建ui 然后请求数据最后在主线程进行赋值并且刷新ui 即可实现。 // // ACShowDetailVC.m // demo2详情动态加载展开

用户1219438

2018/02/01

7170

demo2动态加载显示商品详情页

JQuery 隐藏和显示html元素

bash bash 指令

$(function(){ $("#bubmitBtn").click(function(){ //首先需要把提示标签全部隐藏掉 $("#nameInvalid").hide(); $("#emailInvalid").hide(); $("#pwdInvalid1").hide(); $("#pwdInvalid2").hide(); //检查用户名: 长度为6到12位, 只能输入数字和英文和下划线 //alert("--"); var $nameEle = $("#UcenterMember_account"); var reg = /^\w{6,12}$/; if(!reg.test($nameEle.val())) { $("#nameInvalid").text(" *用户名长度为6到12位, 只能输入数字和英文和下划线"); $("#nameInvalid").show(); //alert("用户名长度为6到12位, 只能输入数字和英文和下划线"); $nameEle[0].focus(); return false; } //邮箱格式必须正确, 可以不输入 var $emailEle = $("#UcenterMember_email"); reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if($emailEle.val()!="" && !reg.test($emailEle.val())) { $emailEle[0].focus(); $("#emailInvalid").text(" *邮箱格式不正确!"); $("#emailInvalid").show(); //alert("邮箱格式不正确!"); return false; } //检查密码: 长度为6位, 只能输入数字和英文 var $passwordEle = $("#UcenterMember_password1"); reg = /^[a-zA-Z0-9]{6,15}$/; if(!reg.test($passwordEle.val())) { $("#pwdInvalid1").text(" *密码的最低长度为6位, 只能输入数字和英文"); $("#pwdInvalid1").show(); //alert("密码的长度为6位, 只能输入数字和英文"); $passwordEle[0].focus(); return false; } //确认密码必须与密码相同 var $password2Ele= $("#UcenterMember_password2"); if($password2Ele.val()!=$passwordEle.val()) { $password2Ele[0].focus(); $("#pwdInvalid2").text(" *确认密码必须与密码相同"); $("#pwdInvalid2").show(); //alert("确认密码必须与密码相同"); } return true; }); });

wust小吴

2019/07/05

9.3K0

CSS篇(005)-在页面上隐藏元素的方法有哪些？

display hidden path transform visibility

-（1）使用 display:none;隐藏元素，渲染树不会包含该渲染对象，因此该元素不会在页面中占据位置，也不会响应绑定的监听事件。

齐丶先丶森

2022/05/12

6220

【黄啊码】微信小程序页面加载闪烁问题|wx:if=““导致先显示后隐藏的闪烁问题

先用一个变量让其隐藏，当从接口中获得数据的时候，在把这个 show 设置成 true 。这样出来的效果就是，内容逐渐在显示，依次显示。从而看不到闪烁再隐藏。代码如下：

黄啊码

2022/01/09

1.4K0

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

css 容器 display 对象语法

设置 display: block 可以显示元素 , 同时该样式还可以将元素转为块元素 ;

韩曙亮

2023/04/16

5.5K0

【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )

iframe页面点击页面其它地方隐藏某元素

<a href="javascript:;" id="showOrHide"></a>  <div id="show-or-hide"> <a href="javascript:$('show-or-hide').style.display='none';parent.location.href='/auth/login'">切换账号</a> <a style="font-size: 12

李磊

2019/08/10

2K0

Rn页面滚动显示隐藏head动画

opacity styles text view 动画

明知山

2023/10/03

2360

Rn页面滚动显示隐藏head动画

分享 8 种在 CSS 中隐藏元素的方法

css 布局动画浏览器性能

作为 Web 开发人员，我们经常遇到需要隐藏网页上的元素的情况。在本文中，我们将分享8 种在 CSS 中隐藏元素的方法，每种方法都有优点和注意事项。

前端达人

2023/08/31

3160

分享 8 种在 CSS 中隐藏元素的方法

WordPress底部显示页面加载时间

效果预览方法 1.将以下代码加入到主题的functions.php中 //页面加载时间自动检测 function wp_page_speed() { date_default_tim

回忆大大

2021/08/09

1.7K0

WordPress底部显示页面加载时间

WordPress底部显示页面加载时间

本文最后更新于2021年1月22日，已超过1年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢!

回忆大大

2023/03/08

1.5K0

WordPress底部显示页面加载时间

元素隐藏与显示属性及操作方式

display hidden hover repaint visibility

浏览器对其渲染可是不可见，它在网页中占位置却不可点击，也就是说明元素不可见却仍然占据空间。

岳泽以

2022/10/26

1.6K0

用 CSS 隐藏页面元素的 5 种方法

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。

疯狂的技术宅

2019/03/28

2K0

点击加载更多

相似问题

初始页面加载后在页面上显示动态项

11

隐藏元素显示后未正确加载

12

在页面加载时隐藏或显示动态目标html元素的最佳方法？

30

在页面加载之前显示加载器元素，然后将其隐藏

13

在页面加载后立即再次加载页

13

活动推荐

国内短信福利大放送，不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例