Angular2指令子选择器不工作?

时间:2017-01-03 15:45:11

标签: css3 angular selector directive

这个问题是在我遇到此conflicting circle tag

的问题时产生的

当我定义如下指令时,我希望此指令仅适用于inner-tag后跟div标记。

import { Directive } from '@angular/core';

@Directive({
  selector: 'div > inner-tag'
})
export class InnerTagDirective {

  constructor() {
    alert('this is from InnerTagDirective');
  }
}

然而,当我使用以下html

运行应用程序时
<div>
  <inner-tag></inner-tag>
</div>
<inner-tag></inner-tag>

它适用两次而不是一次。

https://plnkr.co/edit/ToLutjTDg4908huLmY7B?p=preview

这是angular2错误,还是我误用了它?

--------编辑------
对于那些对用例感到好奇的人,有一些情况。

<svg>
  <circle>  <!-- this should display SVG circle -->
</svg>

<ng2-map>
  <circle>  <!-- this should display google map circle -->
</ng2-map>

0 个答案:

没有答案