我在组件中使用带有* 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内容,但不适用于第二个内容,我不能将标签放在右边。
答案 0 :(得分:1)
ng-content只能使用一次(参见https://github.com/angular/angular/issues/9173)。
但是我觉得你不需要通过适应(实际上,简化)你的模板来使用它两次:
UserRepsitory::findUsersByIdAndItemId()