在子組件屬性名稱中使用列表索引

我正在處理基於表單的應用程序。我創建了自定義組件來處理表單顯示。在子組件屬性名稱中使用列表索引

一個用例我的，是它們的屬性，以顯示對象的列表如下：

{{#r-tabs}} 
    {{#each buildings as |b index|}} 
     {{#r-tabs-panel}} 
     {{#r-form-fieldset}} 
      {{r-form-control label="egid" property="buildings:0/EGID" value=b.EGID size='md'}} 
      {{r-form-control label="bezeichnung" property="buildings:0/description" content=buildingDescriptions size="lg"}} 
      {{#r-form-group label="strasse/nr."}} 
      {{r-form-control label="strasse" property="buildings:0/streetName" value=b.address.streetName size="lg"}} 
      {{r-form-control label="nr." property="buildings:0/streetNum" value=b.address.streetNum}} 
      {{/r-form-group}} 
      {{r-form-control label="Baujahr" property="buildings:0/yearOfConstruction" value=b.yearOfConstruction}} 
      {{r-form-control label="Kubatur" property="buildings:0/cubature" value=b.cubature size="md" unit="m³"}} 
      {{r-form-control label="Neuwert" property="buildings:0/value" value=b.value size="md"}} 
     {{/r-form-fieldset}} 
     {{/r-tabs-panel}} 
    {{/each}} 
    {{/r-tabs}}

我想用index從{{#each}}循環才能使財產動態替換硬編碼0。但到目前爲止我還沒有成功。

來源

2015-11-02 makabde

您可以利用concat助手。

例如：

property=(concat 'buildings:' index '/EGID')

來源

2015-11-02 15:25:20

謝謝你很多！這是純粹的魔法。 – makabde

沒問題。如果它是純HTML元素的屬性，你可以使用：'title =「buildings：{{index}}/EGID」'。 –

在子組件屬性名稱中使用列表索引

回答

相關問題