傳遞動態數據屬性來內容塊在流星

Question

我在火焰爲button s的一個動態模板，如下所示（簡化）：

button.html

<template name="Button"> 
    <button {{attributes}}> 
    <span class="button__text">{{> UI.contentBlock}}</span> 
    </button> 
</template> 

button.js

import {Template} from 'meteor/templating'; 
import cx from 'classnames'; 

import './button.html'; 

Template.Button.helpers({ 
    attributes() { 
    const instance = Template.instance(); 
    let {data} = instance; 

    return { 
     disabled: data.disabled, 
     'class': cx('button', data.class) 
    }; 
    } 
}); 

嘗試設置動態數據屬性：

{{#Button class="js-add-contact" data-phase-index={{index}}}}Add Contact{{/Button}} 

的index這種插入（假設它只是一個簡單的，動態的字符串）到data-phase-index拋出一個錯誤：內容分塊沒想到的{{。我不確定另一種將動態數據導入模板的方法。還有在attributes()助手中獲取Button識別的data-屬性的問題。任何人都可以清除它？

Answer 1

只需data-phase-index=index應該工作。

既然你已經是雙花括號內爲您Button調用模板，流星知道它會得到解釋值。例如，看到你必須在class="js-add-contact"的字符串周圍使用引號。

像往常一樣，將流星嘗試從助手解釋index，或從數據上下文。