1

ブートストラップ 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 を使用しています。

ありがとう!

4

1 に答える 1