使用* ngIf的内容投影不能正常工作

时间:2016-08-07 16:22:29

标签: angular

我在组件中使用带有* ngIf的ng-content有一个奇怪的行为,请参阅此plunkr:http://deployingradius.com/scripts/eapol_test/

复选框组件显示复选框左侧或右侧的标签取决于right属性。

@Component({
  selector: "em-checkbox",
  template: `
<div class="form-group">
  <div class="checkbox">
    <label *ngIf="right">
      <input type="checkbox"> 
      <ng-content></ng-content>
    </label>
    <label *ngIf="!right">
      <ng-content></ng-content>
      <input type="checkbox"> 
    </label>
  </div>
</div>
  `
})
export class EmCheckbox {
  @Input() right = false;
}

它仅适用于第一个ng内容,但不适用于第二个内容,我不能将标签放在右边。

1 个答案:

答案 0 :(得分:1)

ng-content只能使用一次(参见https://github.com/angular/angular/issues/9173)。

但是我觉得你不需要通过适应(实际上,简化)你的模板来使用它两次:

UserRepsitory::findUsersByIdAndItemId()