ブートストラップ 3 ボタン グループを表示する角度 2 コンポーネントがあります。コンポーネントには、ラベルを付けることも、スタンドアロンにすることもできます。
私の解決策は、* ngIf によって制御される 2 つの ng-contents を使用することでしたが、どちらの ng-contents も表示することを拒否し、エラーをスローしません。
ここに btn-multi.html があります:
<div class="form-group"
*ngIf="label">
<label class="control-label col-lg-2 col-md-3">
{{ label }}
</label>
<div class="col-lg-10 col-md-9">
<div class="btn-group">
<ng-content></ng-content>
</div>
</div>
</div>
<div class="btn-group"
*ngIf="!label">
<ng-content></ng-content>
</div>
そして、これがどのように使用されるかです:
<btn-multi label="Some Label"
[(value)]="someValue">
<btn [value]="true">Yes</btn>
<btn [value]="false">No</btn>
</btn-multi>
そして、これは 1 つの ng-content だけで動作します:
現在、angular 2 beta-15 を使用しています。
ありがとう!