angular-template相关内容
我正在尝试创建一个接受多个模板作为输入的组件.这是我的示例: @Component({ selector: 'data-list', styles: [ require('./data-list.component.scss') ], template: `
..
我有一个使用内容投影的组件. 我想在组件中执行以下操作: @ContentChild('button') button: ElementRef; 但是,当我选中this.button时,在ngAfterViewInit和ngAfterContentInit中都为undefined.
..
如何使用Angular2管理拥有未定义数量字段的表单? 就我而言,我需要创建一个用户可以从中添加和删除某些文件块的目录.这就像一个通讯录,用户可以在其中添加一个或十个地址.每个地址都有一些字段,例如街道,街道编号等. 我的样子是这样 let address = fb.group({ street: fb.control(null, Validators.requi
..
如果我具有以下条件:
{{user.name}}
当上面的div最终出现在屏幕上时,是否可以执行代码? 解决方案 *ngIf将删除该DOM元素和所有附加的组件/指令.因此,您只需编写一个简单的指令即可在事件首次创建时执行该事件.当*ngI
..
我正在尝试创建一个共享的Angular组件库,以在许多不同的Web项目中使用.与共享的组件库一起,我试图创建一个Web项目,其中包含并显示所有这些组件以及有关如何使用它们的代码示例. 从与类似问题相关的其他查询中可以看出,为了在
或标签中在网页中显示HTML代码,这些HTML代码段的某些方面需要具有HTML编码的字符(即必须为>, ..
在遵循本教程有关包含的内容 https://scotch.io/教程/angular-2-transclusion-using-ng-content 但是,没有提及如何设置最终替换ng-content的元素的样式. 似乎我只能在/deep/关键字之前定位css中的那些元素,该关键字通常在定位嵌套组件时使用.这样对吗? 解决方案 更新 所有新浏览器现在都支持 ::slotte
..
在Angular 2中,我有一个具有子组件的组件.但是,我想获取该子组件的副本以在父组件中使用,调用其功能或其他功能. 我发现我可以使用局部变量,这样便可以使用模板中的组件.但是,我不仅要在模板中使用它,还想在组件的实际代码中使用它. 我找到了一种方法,这是子代码: //our child import {Component, OnInit, EventEmitter} from
..
在组件属性groups中给出以下数组: [ { "name": "pencils", "items": ["red pencil","blue pencil","yellow pencil"] }, { "name": "rubbers", "items": ["big rubber","small rubber"] }, ]
..
我正在使用如下模板:
..
我对angular 4还是陌生的.我要实现的目的是为我的应用程序中的不同页面设置不同的布局页眉和页脚.我有三种不同的情况: 登录,注册页面(无页眉,无页脚) 路线:['登录','注册'] 营销站点页面(这是根路径,并且具有页眉和页脚,大多数这些部分在登录之前出现) 路线:['','关于','联系'] 应用程序登录页面(本节中所有应用程序页面的页眉和页脚都不同,但是此页
..
我有一个组件,其模板如下所示:
Some content here 我需要访问这里使用的MyCustomDirective类实例.当我想访问子组件时,使用ViewChild查询. 是否有等效功能可以访问子指令? 解决方案 您可以使用@Directive批注的exportAs属性.它导出要在父视图中使用的指令.
..
我看过类似的问题,但没有一个对我有帮助. 我将收到如下对象: [ { "id": 1, "name": "Safa", "email": "neerupeeru@mail.ee", "purpose": "thesis", "programme": "Software Engineering", "year": 2016, "lan
..
如何在ngFor元素内声明动态 模板引用变量? 我想使用ng-bootstrap中的popover组件,弹出代码(带有HTML绑定)如下所示: Hello, {{name}}!
..
在此示例中,我使用的是Angular,我想使用*ngIf else(自版本4起可用):
content here ...
other content here... 如何使用ngIf else达到相同的行为? 解决方案 角度4和5 : 使用else:
..
在某些条件下,我希望看到一些元素. 在AngularJS中,我会写
stuff 我该如何在Angular 2+中做到这一点? 解决方案 只需绑定到hidden属性 [hidden]="!myVar" 另请参见 https://developer.mozilla.org/zh- US/docs/Web/H
..
我正在尝试建立一个选项卡系统,允许组件自行注册(带有标题).第一个选项卡就像一个收件箱,有很多操作/链接项可供用户选择,并且这些单击中的每一个都应能够在单击时实例化一个新组件.操作/链接来自JSON. 实例化的组件随后将其自身注册为新选项卡. 我不确定这是否是“最佳"方法?到目前为止,我所见的唯一指南仅针对静态标签,这无济于事. 到目前为止,我只获得了tabs服务,该服务在mai
..
im试图从ngFor中隐藏未使用的项目,问题是,我确实成功隐藏了它,但是它的位置仍然存在并且像下面的图像一样为空: 我的ts文件: coupon: any; couponz() { var data=[]; for (let co of this.shared.couponz){ data.push({ code: co.code, coEmail: co.
..
我是Angular 4的新手,所以谁能解释一下在Angular 4中使用::ng-deep的方式和位置? 实际上,我想从父组件中覆盖子组件的某些CSS属性. IE11还支持吗? 解决方案 通常, /deep/ “shadow-piercing” 组合器可用于将样式强制降为 child components .这个选择器有一个别名>>>,现在还有一个叫做:: ng-deep的别名.
..
我正在尝试构建此模板:
..
我在ng2-material中使用angular 2来显示单选和复选框组件,在每个组件中,我看到我必须导入所有ng2-material内容,最后只使用一个组件 =>结果,它会向我的应用收费并使其变慢. 我想知道我是否仅可以导入所需的组件,尽管在ng2-material文档中它们仍在导入所有这些组件? import {Component} from 'angular2/core';
..