javascript - 表达式与某些字符串的 mustache 模板连接

Question

我们如何将表达式值与某个字符串连接起来并计算结果表达式？

如果我们有一个对象前缀并且我想将它的值与某个字符串连接起来。例如

{{prefix"Output"}}

我想先计算前缀值，然后将它与“输出”字符串连接起来。

因此生成的表达式可能类似于“UnitOutput”，其中 Unit 是前缀的值。

最后，我希望对上面的串联表达式进行求值，在这种情况下，结果值将是“UnitOutput”的值。

Answer 1

关键字 prefix 对我不起作用。我假设它是一个保留关键字。我将在此示例中使用 pref。

HTML

<paper-input value="{{pref}}"></paper-input>
<span>Output: {{result}}</span>

Javascript

Polymer({
    pref: '',
    result: 'Output',
    prefChanged: function(oldValue, newValue) {
        this.result = newValue + 'Output';
        // evaluate result here
    }
}

或者你可以使用 polymer 观察者模式

HTML

<paper-input value="{{xyz.prefix}}"></paper-input>
<span>Output: {{result}}</span>

Javascript

Polymer({
    result: '',
    observe: {
        'xyz.prefix': 'validate'
    },
    validate: function(oldValue, newValue) {
        this.result = newValue + 'Output';
    },
    ready: function() {
        this.xyz = {
            prefix: 'test'
        }
    }
});

如果您正在观察数组，请参阅 observe-js