javascript - DOM中没有选择器标签的Angular 2组件

原文 标签 javascript angular angular2-template angular2-directives

我要这个:

<div *ngIf="...">div 1...</div>
<div *ngIf="...">div 2...</div>
<div *ngIf="...">div 3...</div>

但我不想重复 *ngIf ,所以我创建了我的组件 <my-component> ,使用此模板:
<div>div 1...</div>
<div>div 2...</div>
<div>div 3...</div>

我把 *ngIf 放在我的组件标签中:<my-component *ngIf="...">
问题是 Angular 2 放置了 <my-component> DOM 中的标记,我不想要它。

对于任何了解 ASP.NET WebForms 的人,我想要一个 Angular 2 中的组件,它的工作原理类似于 <asp:PlaceHolder>控制...

最佳答案

To answer your question, you can also do this...


@Component({
  selector: '[my-component]'...

<my-component *ngIf="..."</my-component>

// becomes this in the dom

<div my-component _nghost...>

There is also ng-container for this purpose.


<ng-container *ngIf="something.is.there">
  <div class="here">
    Hello
  </div>
</ng-container>

// DOM: => <div class="here">Hello</div>

关于javascript - DOM中没有选择器标签的Angular 2组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38287224/

相关文章:

javascript - 如何计算调用$('#el'').scrollTop(1)遍历div高度759的次数?

javascript - 如何从 FileMaker Web Viewer 中的网站检索内容

javascript - 替换Java中的数字

javascript - angular 2 事件绑定(bind) - 我需要 $event 吗?

css - 按下按钮后如何更改styleurls链接并保持这种方式

javascript - 根据变量angular生成动态css

javascript - dom完成渲染后,Angular2会执行操作

javascript - 使用 jQuery,如何更改元素 html 值? (div)

angular - Angular 2 组件选择器中的条件

Angular 2.0.0-rc.1 + 业力 : provide RouteSegment