如何根据文本长度/存在性给出列宽

Question

我正在使用angular和bootstrap。

<div class="row"> 
<div class="col-xs-9"> someText1 </div> 
<div class="col-xs-3" *ngIf="somecondition"> someText2 </div> 
</div> 

两个someText1，someText2取决于欲第一div来充分宽度如果未示出的第二个div的somecondition 。在这种情况下，someText1将成为更长的文字因为我们的业务规则。 我实现它使用

<div class="somecondition?col-xs-9:col-xs-12"> somevalue </div> 

但是，这是实现这一目标的正确的方式是否有任何引导的解决方案可能是某种拉动或自动调整

Answer 1

我宁愿做这样的：？？

<div [ngClass]="someCondition? 'col-xs-9' : 'col-xs-12'">somevalue</div> 

或

<div [ngClass]=" {'col-xs-9' : someCondition, 'col-xs-12' : !someCondition}"> somevalue </div> 

或本：

<div *ngIf="someCondition; then temp1; else temp2"> </div> 

<ng-template #temp1> 
    <div class="col-xs-9"> 
    SomeText1 when someCondition = true 
    </div> 
</ng-template> 

<ng-template #temp2> 
    <div class="col-xs-12"> 
    SomeText1 when someCondition = false 
    </div> 
    <div>SomeText2</div> 
</ng-template> 

DEMO