如何有條件地添加基於文本長度

Question

I類具有如下標籤：

<label class="col-md-8 boldLabel" data-bind="text: AuditorName, css: { 'border1pxsolid borderblack': AuditorName.length }"></label> 

當我跑我的頁面時，AuditorName是填充罰款，但我沒有得到應用border1pxsolid borderblack風格。我試圖獲取它，以便如果AuditorName具有值，而不是空白字符串，則將這兩種樣式應用於標籤。

如果我將AuditorName.length條件更改爲true == true，則它可以工作。是否有另一種方法來檢查AuditorName字段是否填充，然後只應用這些樣式？

Answer 1

您可以直接綁定到AuditorName直接彷彿它不是一個空字符串，將評估truthy：

<label class="col-md-8 boldLabel" 
     data-bind="text: AuditorName, css: {'border1pxsolid borderblack': AuditorName}"> 
</label> 

因爲你擁有它是AuditorName是可觀察到的，所以你」它不工作的原因d必須評估它以訪問其length屬性。所以這也可以工作：

<label class="col-md-8 boldLabel" 
     data-bind="text: AuditorName, 
       css: {'border1pxsolid borderblack': AuditorName().length}"> 
</label>