首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我试着让左侧菜单在angular中像手风琴一样折叠,但不工作?

在Angular中实现左侧菜单的手风琴效果需要以下步骤:

  1. 首先,在你的组件模板中,确保左侧菜单的每个菜单项都具有唯一的标识符。
  2. 创建一个变量来追踪当前打开的菜单项,例如currentMenu
  3. 使用Angular的数据绑定,将当前打开的菜单项与currentMenu进行绑定。
  4. 在每个菜单项上添加点击事件,当点击菜单项时,更新currentMenu的值为当前点击的菜单项的标识符。
  5. 使用条件语句或样式绑定来控制菜单项是否展开。例如,使用*ngIf指令或CSS类来显示或隐藏子菜单。

以下是一个示例代码:

代码语言:txt
复制
// 组件类
export class YourComponent {
  currentMenu: string = '';

  toggleMenu(menuId: string) {
    this.currentMenu = (this.currentMenu === menuId) ? '' : menuId;
  }
}

// 组件模板
<ul>
  <li (click)="toggleMenu('menu1')">菜单1</li>
  <ul *ngIf="currentMenu === 'menu1'">
    <li>子菜单1</li>
    <li>子菜单2</li>
  </ul>

  <li (click)="toggleMenu('menu2')">菜单2</li>
  <ul *ngIf="currentMenu === 'menu2'">
    <li>子菜单1</li>
    <li>子菜单2</li>
  </ul>
</ul>

在这个示例中,toggleMenu()方法用于切换当前打开的菜单项。当点击菜单项时,如果当前菜单项与currentMenu相同,则将其设置为空,即折叠菜单;如果不同,则将currentMenu设置为点击的菜单项的标识符,即展开菜单。

此外,你还可以根据具体的需求自定义样式来实现手风琴效果。例如,使用CSS过渡或动画来实现平滑的展开和折叠效果。

关于云计算、IT互联网领域的相关概念和技术,以下是一些常见的名词和相关腾讯云产品介绍链接:

  • 云计算:云计算是一种基于互联网的计算模式,通过共享的计算资源和服务,实现按需使用、快速扩展和灵活管理的计算能力。腾讯云产品链接:腾讯云云计算
  • 前端开发:前端开发主要关注用户界面的设计和开发,使用HTML、CSS和JavaScript等技术构建网页和应用程序的用户界面。腾讯云产品链接:腾讯云云开发
  • 后端开发:后端开发主要处理应用程序的服务器端逻辑和数据库访问,使用各种编程语言和框架构建和维护服务器端的应用程序。腾讯云产品链接:腾讯云云函数
  • 软件测试:软件测试是一种评估和验证软件质量的过程,通过执行测试用例和检查软件功能、性能、安全性等方面来发现和修复潜在的问题。腾讯云产品链接:腾讯云测试
  • 数据库:数据库是用于存储和管理结构化数据的系统,常见的数据库包括关系型数据库(如MySQL)和NoSQL数据库(如MongoDB)。腾讯云产品链接:腾讯云数据库
  • 服务器运维:服务器运维是确保服务器系统正常运行的活动,包括安装、配置、监控、维护和故障排除等。腾讯云产品链接:腾讯云云服务器
  • 云原生:云原生是一种设计和构建应用程序的方法论,旨在充分发挥云计算的优势,提高应用程序的可伸缩性、弹性和可靠性。腾讯云产品链接:腾讯云容器服务
  • 网络通信:网络通信是指通过网络连接不同设备之间进行数据传输和通信的过程,包括使用TCP/IP协议进行数据包传输、网络安全和网络性能优化等方面的技术。腾讯云产品链接:腾讯云网络
  • 网络安全:网络安全是保护计算机系统和网络免受未经授权访问、损害或篡改的一种措施,包括防火墙、入侵检测和防护系统等技术手段。腾讯云产品链接:腾讯云安全
  • 音视频:音视频技术涉及音频和视频的处理、编码、传输和解码等方面,包括实时通信、流媒体、视频会议等应用。腾讯云产品链接:腾讯云音视频通信
  • 多媒体处理:多媒体处理是指对音频、视频和图像等多媒体数据进行编辑、转码、剪辑、压缩和处理等操作,以满足不同应用场景的需求。腾讯云产品链接:腾讯云点播
  • 人工智能:人工智能涵盖了机器学习、深度学习、自然语言处理、计算机视觉等技术,用于使计算机系统具备类似人类的智能能力。腾讯云产品链接:腾讯云人工智能
  • 物联网:物联网是将各种物理设备通过互联网连接起来,实现设备之间的数据传输和通信,以实现智能化、自动化和远程控制等功能。腾讯云产品链接:腾讯云物联网
  • 移动开发:移动开发是指为移动设备(如智能手机和平板电脑)开发应用程序,包括原生应用程序和移动网页应用程序等。腾讯云产品链接:腾讯云移动开发
  • 存储:存储技术涉及数据的持久性保存和读取,包括文件存储、对象存储、分布式文件系统等。腾讯云产品链接:腾讯云对象存储
  • 区块链:区块链是一种分布式数据库技术,用于记录和验证多个参与方之间的交易和数据,具有去中心化、不可篡改和可追溯等特性。腾讯云产品链接:腾讯云区块链
  • 元宇宙:元宇宙是虚拟现实和增强现实技术的结合,用于创建一个虚拟的、可交互的世界,包括虚拟现实游戏、虚拟社交网络等应用。腾讯云产品链接:腾讯云虚拟现实

希望以上信息对你有所帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【译】W3C WAI-ARIA最佳实践 -- 控件

手风琴(有展开/折叠功能的模块) 手风琴是个垂直罗列的元素组合,例如标签或缩略图,这允许用户切换内容模块的展示。每个标签元素可以被用来展开折叠、暴露隐藏其相关内容。...而且,在某些案例,隐藏内容的标识可能具有一样的视觉特性。...如果实现只允许一个面板被展开,如果另一个面板被展开,折叠这个面板。 当焦点在展开状态的手风琴标题上,如果实现支持折叠折叠该面板。...包含以下场景的工作流程设计,可以聚焦到一个更加符合逻辑的、不同的元素。 用户不太可能需要立即重新唤起对话框。 对话框完成的任务与工作流程的后续步骤直接相关。...然而,但传统对话框的实现,aria-hidden被用来对话框外的内容变得辅助技术用户不可访问,更重要的是: 在每个包含无效内容的元素上都将 aria-hidden 设置为 true。

4.5K30

这个胶囊机器人可以吃,还可以救命!

与它的前辈一样,它可以通过粘滑运动移动自身,通过其附属物的收缩,改变其重量分布进行移动。 ?...同时,胶囊进入体内溶解后,它还要有足够的力自己伸展开来,才能顺利进行收缩移动。Guitron 说他们试了无数的错,才找到了长方形的机器人形态,并手风琴一样折叠多层,将其长轴和捏脚线充当牵引点。...负责向前进的一个“手风琴”中心使用的是一块永磁体,借此可以在身体外部控制机器人移动。放在体外的控制器能够使机器人旋转移动,在实验,他们采用同一块磁体吸附住误吞进体内的电池。...这意识到了,这件事非同小可,如果你不小心把电池放进了你身体里,你最好尽快把它弄出来,越快越好”。 “这项发明非常实用又兼具创造力,它原本需要动用外科手术的问题优雅地解决”。...瑞士联邦理工学院教授 Bradley Nelson 这样评价道,“这是目前见到的,折叠型机器人目前为止最有说服力的应用”。 via MIT News

815110
  • 记一个“奇葩”需求的实现

    设计出来的东西看似很华丽,其实缺失很多场景下的分析,不切合实际,这也正是产品经理需要做的工作之一。大多数人说的“用户体验”或许只是主观的、想当然的(俺也一样)。...,并且当鼠标移出高亮的这个菜单模块时不折叠,但是可以点击一级菜单进行折叠(注意:跟第一条有区别) 3、问题: element-ui的导航组件子菜单打开的触发方式可以通过 menu-trigger...只保持一个菜单处于展开状态 先配置 unique-opened 参数为 false ,以保证 openedMenus 只有一个( openedMenus 是el-menu内部维护的属性, 可以自行打印看一下) 一开始想在子菜单展开折叠的回调事件...select回调事件上一个打开的菜单调用close方法关闭。...框架也是一个个组件组成的,抓住组件设计的三要素:属性、事件、方法,了解框架组件的工作原理,就可以轻松的进行修改啦 ---- 是 甜点cc 热爱前端,也喜欢专研各种跟本职工作关系不大的技术,技术、产品兴趣广泛且浓厚

    70910

    2021 年 Angular vs. React vs. Vue 前端框架对比

    服务 —— Angular 应用的一个独特元素,被 Components 用于委托业务逻辑任务,如获取数据或验证输入。...要将 SFC 移植到工作的 JavaScript 代码,你需要 Webpack 或 Browserify 这样的构建工具。 适用目标和范围 Angular Angular 最适合大型和高级项目。...这些可能包括但不限于: 用于开发渐进式 Web 应用程序(PWA)。 用于重新设计网站应用程序。 用于建立基于内容的动态网页设计。 用于创建有着复杂基础架构的大型企业应用程序。...React 最适合以下项目: 对于涉及包含导航项,折叠或展开的手风琴分节,可用或不可用状态,动态输入,可用或不可用按钮,用户登录,用户访问权限等的许多组件的应用程序。...促进使用将依赖项注入的外部元素来组件解耦,从而为可复用性以及简化管理和测试铺平了道路。 通过将任务分成逻辑块来减少网页的初始加载时间。 可以完全自定义的设计。

    2.2K10

    如何使用WijmoJS 纯前端设计器,快速生成 Angular 应用

    请注意,修改后的Angular标记会突出显示,设计器中所做的更改现在会反映在标记。此时,您可以保存或放弃更改,就像您自己键入更改一样。...单击“属性”窗格的“后退”按钮以返回FlexChart的设置。 接下来,单击图例属性的齿轮图标,并将其位置设置更改为“底部”。 以前一样单击后退按钮返回FlexChart设置。...随着趋势线添加到图表,设计界面现在看起来这样: 在独立模式下,没有要更新的源文件,但您仍然可以生成Angular标记并将它们从设计器复制到HTML源。...单击设计器左侧的“源视图”图标以显示生成的Angular标记。 从那里,突出显示要复制的文本,并使用快捷键(在Windows上,Ctrl + C)将文本复制到剪贴板。...但是,当扩展更新源文件时,将保留原始控件标记定义的任何现有事件处理程序。 设计器的独立命令会记住当前工作空间上下文中可视化设计界面的状态,即使您关闭并重新打开VS代码也是如此。

    5.4K40

    10 个不错的 CSS 小技巧

    在 CSS 动画的协调下,你的网页会活的一样。在这个例子,我们将使用 animation 和 @keyframes 属性去实现打字效果。...透明图片阴影效果 你是否使用过 box-shadow 为透明的图片添加阴影,却让其看起来添加了一个边框一样?然而解决方案是使用 drop-shadow。...本打算为的站点添加 tooltip 的功能,但是发现需要引入一个插件,这就引入了不必要的东西,的站点看起来臃肿。感谢的是,可以使用 attr() 来避免这种情况。...attr() 属性工作的方式很简单,逐步解析一下: 我们使用 tooltip class 去标志哪个元素需要展示 tooltip 信息。...为了兼容性,在多种移动端中进行测试,感觉还不错。虽然这种效果在桌面中使用比在移动端中使用顺畅。 在这个练习案例,使用 position: sticky; 创建一个吸附的侧边栏,其工作的效果良好。

    1K10

    你听说过“风格指南驱动开发”吗?|洞见

    :“能告诉宽度和高度的具体值吗?那个手风琴组件可以在哪个页面找到?” 另一个开发告诉:“先凭感觉做,然后再找UX面对面的按照要求一个个过。” :“好,面对面谈,总比邮件来回要快些。”...看了下时间,再过一个小时,客户UX就下班了,要得到他/她的反馈,估计得明天了! 当我把这个故事讲给别人听的时候,一般会得到两个回复: 哎呀,跟我们一样,痛苦的很。 你们怎么这么不敏捷?...这是一个相当新的术语,但不发明的,如果要追溯的话,最早在公开场合谈到这个概念的人应该是Nicole Sullivan,她在2014年9月的一次演讲《Components & SGDD》中提出(Nicole...“风格指南驱动开发”尝试着UX和前端开发更紧密的工作在一起,将设计与前端开发的工作闭环缩小,更快速的迭代产品原型。...整个Web开发周期更加敏捷(Agile)。 它是一种前端开发和团队工作方式的实践。 工作流程 - 如何“驱动开发”? ? 开发流程 怎么样的工作方式,才算“风格指南驱动开发”?

    65950

    “别更新了,学不动了” 之:全栈开发者 2019 应该学些什么?

    简单地说就是你可以构建可以被添加到不使用 Angular 的 HTML 页面的组件,有点 Web 组件。...现在,可以使用 Angular 创建世界上最好的组件,并将它交给我的朋友,她将它用在她的 React 应用程序!...的意思是,我们仍然可以这么做,但 CLI 确实这种体验变得更好了。 Angular CLI; Create React App 2; Vue CLI。...这将在 2019 年真正改变服务器端渲染,预测会有更多人使用 GatsbyJS 这样的工具,而不是自己构建复杂的服务器端渲染逻辑。...2019 年,全栈开发者可以试着了解下面两个平台: Elasticsearch; Algolia Search; 你可能需要学习 Redis 了解使用 Redis 作为缓存以及内存存储的工作原理

    2.6K30

    为什么相对PHP黑python的更少

    其实觉得你完全可以前端后台一起学习,其实并不难,看看php中文网里的PHP手册的例子,基础语法可以满足初学者的需要了,学习也比较快。总之还是要学习一些基本的HTML。...另外php的学习曲线较为陡峭,入门是非常快的js一样,但是要写出很规范优雅高质量的代码需要不断的打boss升级,否则翔一样的代码当然要被人黑。...要说PHP真的一点儿都不简单。下面来个地图炮有一些大牛黑真的是摆事实讲证据的,真的研究过以后才会发表意见的。然而啊,更多的是跟风喷!就好像不喷jQuery就没办法在前端圈子里混一样。...Angular1是一个特别明显的例子。刚出来那会儿捧得不得了。之后被各种以性能不好为由的喷,现在知乎上还有几个关于Angular1的话题?被黑是好事。社区会看到,会改进。而真的没人黑的时候。。。...最后总结: PHP具有简单易懂的语法、没有奇怪的黑魔法、既能面向过程,又能面向对象、安装后各种扩展集一身、包括但不限于mysql、json、mbstr等,方便至极。

    46920

    前端开发者都应知道的 jQuery 小技巧

    回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏的图片 Hover 上的 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单的折叠效果 将两个 Div 设为相同高度...禁用 input 字段 有时你也许想表单的提交按钮或其文本输入框变得不可用,直到用户执行了一个特定行为(例如确认 “已经阅读该条款” 的复选框)。...但如果想该元素在第一次点击时显现,第二次点击时消失,下面的代码可以很好地完成这个工作: // Fade $('.btn').click(function () { $('.element').fadeToggle...使两个 Div 高度一样 有时你也许想两个 div 拥有同样高度,不管它们里面有什么内容: $('.div').css('min-height', $('.main-div').height...但如果没有定义该处理,其他 jQuery 代码或许会停止工作

    2.3K30

    一名教育者一样思考代码质量

    但是,如果你工作在一个对 Rails 都是新手的团队时,这些菜鸟绝对会陷入绝望和沮丧。 这就是需要一名教育者一样思考的地方。假设你是一名教授。...认为问题的关键是,往常一样,这涉及到权衡问题,你需要意识到这些问题并在你的决策中加以考虑。 2 可视化 教育者使用什么工具来教学?...通常默认假定: 注意到人们在工作中使用解释性注释,而我不会在那些场景这样做,但我发现这些注释确实很有用; 这种“教育者一样思考”的框架觉得它们很有价值。...4 后记:像个可用性设计师一样思考? 这篇文章是关于你在写代码时一名教育者一样思考。认为这个想法很好,但这是唯一的好想法吗?填空:“像个 ____ 一样思考代码质量”。还有哪些有意义的想法?...想想看,在文档最后一段所说的: 问问你自己,是否会有其他人会很难理解你所写的代码 可用性设计师一直在做这类事情!这是他们的工作但不仅如此,他们还做其它哪些事情? 用户测试!

    75530

    九大神招,Python里数据分析神器Jupyter,完美升华

    “笨拙”,今天给大家介绍几个方法,Jupyter Notebook用起来更加得心应手。...Collapsible Headings插件启用后,在标签左侧会出现一个小的三角箭头,点击标题1左侧的箭头,会发现下面的所有内容都被折叠了起来(下图)。 ?...而如果只点击标题2左侧的箭头,则只有标题2下的单元格进行了折叠(下图)。 ? Collapsible Headings所识别的标签作用域所遵循的规则与Markdown完全一致,这里不再进行详细说明。...只不过Codefolding不会Collapsible Headings一样自定义折叠区域和层级,它会自动识别处于同一层级的代码,就像pycharm一样。...Codefolding插件启用后在单元格代码的左侧会出现一些小三角箭头,下图这段代码是折叠之前的样子。 ? 将pie.add折叠之后是这样的: ?

    2K11

    一周极客热文:Java 8简明教程

    另有:《DBC常见面试题集锦(二)》 二、 7款HTML5精美应用教程 你立即爱上HTML5 HTML5/jQuery雷达动画图表 图表配置十分简单在线演示/源码下载 HTML5模拟牛顿力学 碰撞的小球在线演示.../源码下载 HTML5 Canvas烟花特效 场景十分华丽在线演示/源码下载 jQuery轻量级网页编辑器 选中即可编辑在线演示/源码下载 CSS3手风琴菜单 下拉展开带弹性动画在线演示/源码下载 HTML5...要有良好的工作习惯。 会看且勤于看文档。 四、 马云在北大的演讲中都说了什么?...《计算机科学家一样思考Python》按照培养读者计算机科学家一样的思维方式的思路来教授Python语言编程。...八、 软件开发的两种态度 一种态度认为,应该对程序员在软件开发的行为进行约束(DirectingAttitude)。

    1.2K90

    WIN10初体验:期待越多,失望越大。

    大多数时候使用MacBook,不过WIN10(预览版)的推送还是忍不住升级玩玩——它是微软史上首款真正意义上的免费操作系统,正式版将与中国诸多互联网巨头联合提供升级工具分发这一体现了微软迎接移动浪潮的操作系统...在WIN10官方介绍它具备近10项重大改进,体验下来的感觉并没有这么多。下面是一些显著的变化: 1、恢复开始菜单。...WIN 8 抛弃了开始菜单被广为吐槽,Modern风格菜单在WIN10的开始菜单可直接访问,以及左侧程序列表的小优化。 ? 2、虚拟桌面概念。即一个人可以打开多个桌面,不同桌面有不同的窗口。...在窗口任务多的情况下,通过分组折叠无法解决时可以启用多桌面,这样就可以在工作、在会议、在家不同场景下启动多个桌面了。这个理念就跟浏览器发展到后面出现多标签一样,是一种任务分组功能。...值得注意的是,每个桌面的图标并不支持个性化设置,它与多账户功能并不一样。 ? 3、加强应用商店。

    1.1K70

    现代框架存在的根本原因

    前言 曾见过许多人盲目地使用 React, Angular 或 Vue 这样的现代框架。这些框架提供了许多有趣的东西,但通常人们会忽略它们存在的根本原因。...输入邮件回车后,向该数组添加一项并更新 UI。当用户点击删除时,删除对应的项并更新 UI。 感受到了吗?每次更改状态时,都需要更新 UI。 听到你再说,那又怎样?...框架是如何工作的呢? 有两个基本的策略: 1. 重新渲染整个组件,如 React。当组件的状态发生改变时,在内存中计算出新的 DOM 结构后与已有的 DOM 结构进行对比。实际上,这是非常昂贵的。...通过观察者监测变化,如 Angular 和 Vue。应用状态的属性会被监测,当它们发生变化时,相应的 DOM 元素会重新渲染。...那,为何不试着在不使用框架的情况下,仅使用虚拟 DOM 来重写原生 UI呢? 这里是框架的核心,所有组件的基础类。 喜欢学习事物的原理 —— 虚拟 DOM 实现。

    1.2K30

    前端开发需要知道的一些 CSS 属性选择器!

    就像你的 DNA 一样,它们有内在的逻辑来帮助你选择各种属性组合和值。它们可以匹配属性的任何属性,甚至字符串值,而不是标签、类或id选择器那样精确匹配。...注意:在大多数情况下,属性选择器不需要引号,但是使用它们,因为相信它可以提高清代码的可读性,并确保边界用例能够正常工作。...最后要知道的是,您可以添加一个标志,属性搜索不区分大小写。 在结束方括号之前添加i: [title*="DNA" i] 因此它会匹配dna, DNA, dnA等。...这对于你希望人们访问但不希望它们立即打开的 PDF 和 DOC 非常有用。它还使得连续下载大量文件的工作流程更加容易。下载属性的缺点是没有默认的视觉效果将其与更传统的链接区分开来。...details和summary标签是一种只用HTML做扩展/手风琴菜单的方法,details 包括了summary标签和手风琴打开时要展示的内容。

    1.8K20

    使用这些 CSS 属性选择器来提高前端开发效率!

    就像你的 DNA 一样,它们有内在的逻辑来帮助你选择各种属性组合和值。它们可以匹配属性的任何属性,甚至字符串值,而不是标签、类或id选择器那样精确匹配。...注意:在大多数情况下,属性选择器不需要引号,但是使用它们,因为相信它可以提高清代码的可读性,并确保边界用例能够正常工作。...最后要知道的是,您可以添加一个标志,属性搜索不区分大小写。 在结束方括号之前添加i: [title*="DNA" i] 因此它会匹配dna, DNA, dnA等。...这对于你希望人们访问但不希望它们立即打开的 PDF 和 DOC 非常有用。它还使得连续下载大量文件的工作流程更加容易。下载属性的缺点是没有默认的视觉效果将其与更传统的链接区分开来。...details和summary标签是一种只用HTML做扩展/手风琴菜单的方法,details 包括了summary标签和手风琴打开时要展示的内容。

    2.2K50

    坦然面对:应对前端疲劳

    我们是一样认识的开发者,无论是在工作还是工作外,都是认识的最聪明的人。但他们全都会感到不知所措。大多数人都有一些希望学习的技术清单。...引用其中一个: “看到的90%的JDs,会感觉“啊,太落后!” 。事实上,这很困扰,想留在现在的职位,试图赚更多的钱,只是因为这样觉得已经“摆脱它”。”...如果你像我一样,你会有一个不断增长的清单,但不要害怕从中剔除项目。并不是所有的事情都值得投入时间,你应该试着去认识哪些是值得学习的,哪些可能在几年内消失。...Angular 是六年前创建的,刚开始在一家初创公司工作,他认为这是三年前的框架。Reactjs 已经有大约三年的历史了,现在的公司仅在今年圣诞节前才开始使用它。...如果有的话,这种感觉会你相信你正朝着正确的方向前进。在我们选择的职业,你永远不会舒舒服服地学会所有前端知识。

    867120

    10个基于web的JavaScript最优秀的应用程序库和框架

    下面的截屏显示了在D3可以找到的许多数据演示的一些。 ?...jQuery UI库提供了各种有趣的小部件,如手风琴、滑块、工具提示和数据表,这些小部件使您可以配置应用程序以提供有用的服务。 您可以深入到特定的小部件或其他控件来查看它们是如何工作的。...与jQuery一样,您可以从一个简单的示例开始,但可以根据需要深入了解添加的内容。 这个库Library 与众不同有几个原因。...事后清理数据是费时的,而且从没有用户首先提供正确的信息那样准确。 与任何其他JavaScript库相比,Parsley提供了更多的表单验证技术。...首先,如果它没有工作可做,它只是“去睡觉”。这听起来并不是什么大问题,但是如果你在公共云上托管你的网站,“它休眠”可以帮你省下一大笔钱——可能是很多钱。

    2.2K20

    Angular 1 vs. Angular 2 深度比较

    我们了解下Angular 1 和 2 的区别,以及新的设计目标将如何实现。 Angular 2 当前仍处于 Alpha/开发预览阶段,但是主要功能和核心文档都已经可用了。...这 Angular 2 提供原生的懒加载成为可能。...真正的Shadow DOM: 正如上文说的那样,只有在 Chrome 浏览器工作 目标:原生移动支持 – iOS 和 Android Angular 2 会有两层,应用层和渲染层。...将会把它解析 ,接着会吧解析后的页面注入到 DOM ,这样就避免了出现闪烁的效果 目标: 增加测试可行性 相对而言 Angular 2 很难写真正的单元测试, 因为 ng-model 真的需要一个...结论 真的为 Angular 2 感到兴奋,在尝试几个组件之后,可以看到它是如何的简单易学,对开发者更加透明。很多事情就像这个文章前面说过的, Zones 很容易使用。

    2.8K100
    领券