美文网首页
Angular 4笔记——嵌入视图

Angular 4笔记——嵌入视图

作者: 有哪个昵称没人用吗 | 来源:发表于2017-11-01 18:19 被阅读33次

在一个视图的某个地方嵌入另一个视图是很常见的操作,例如在某个对话框里显示某些内容

Angular 4中可以给ng-template上添加#xxx引用

然后在对应的组件类中使用ViewChild("xxx")装饰器捕获此template的引用

而后通过在构造函数中添加ViewContainerRef类型的注入项,得到这个不知道干嘛的对象的引用(我有时间会查查它的具体说明)

之后通过ViewContainerRef的createEmbeddedView方法传入template引用,在一个template标签里创建一个内嵌视图

相关文章

  • Angular 4笔记——嵌入视图

    在一个视图的某个地方嵌入另一个视图是很常见的操作,例如在某个对话框里显示某些内容 Angular 4中可以给ng-...

  • Angular4~6 视图操作方式以及组件的变化检测过程

    Angular 应用由组件树构成,组件树由多个视图和子视图构成,而视图是构成 Angular 组件的基本元素,同时...

  • Angular模版篇

    Angular 模板 什么是模板 在 Angular 中,组件扮演着控制器或视图模型的角色,模板则扮演视图的角色。...

  • 前端框架的两种浏览器URL样式

    ---摘自Angular中文文档 angular中,当路由器导航到一个新的组件视图时,它会用该视图的 URL 来更...

  • Angular 4 笔记

    STEP: Prerequist: (1) NodeJS: download the latest version...

  • Angular笔记4

    本篇主要简单了解学习完angular官网内容后查看简书中优质文章后,补充了解更多有关angular重要知识点及技巧...

  • 前端三大框架比较

    Angular 它有以下的特性: 1.良好的应用程序结构 2.双向数据绑定 3.指令 4.HTML模板 5.可嵌入...

  • A2

    嵌入式的信息提醒卡片样式 以卡片的样式嵌入到视图中,不固定 这是什么

  • angular路由

    1.背景介绍 angular路由 angular路由可以实现多视图的单页Web应用。当请求一个url时,根据...

  • Angular 4 学习笔记

    1.AngularJS 的问题(MVC架构) a.性能 (双向数据绑定带来的问题) / Angular 默认不再是...

网友评论

      本文标题:Angular 4笔记——嵌入视图

      本文链接:https://www.haomeiwen.com/subject/rzbgpxtx.html