如何角2/4

Question

嗨除去二兩綁定值之間的空白我有類似下面的角2模板代碼：

  <td> 
       <a href="#"> 
        {{row.test[0].size}} 
        {{row.test[0].length}} 
        {{row.test[0].width}} 
       </a> 
      </td> 

但是，當在瀏覽器中加載的項目我得到這些值之間的空間。我不想要。我該如何解決這個問題？任何想法的傢伙？我需要使用任何管道或其他東西嗎？提前致謝。

Answer 1

這將是很好，如果你可以在模板直接插補，但因爲你不能，那麼像這樣創建您的成分的「吸」：

get combined() { 
    return `${this.row.test[0].size}${this.row.test[0].length}${this.row.test[0].width}`; 
} 

且模板中像這樣使用：

{{ combined }} 

或者一個更 「動態」 的做法作爲一種方法：

getCombined(currRow) { 
return `${currRow.test[0].size}${currRow.test[0].length}${currRow.test[0].width}`; 
} 

而在模板中使用，通過在當前值：

{{ getCombined(row) }} 

然後，它表現爲只有一個字符串。

另請參閱：https://github.com/angular/angular/issues/7558這是與在模板中解析不相關的問題。

而且在這個question，關於這個問題的另一個例子。