是否可以直接在余烬视图定义中设置按钮的文本

Question

<button class="ember-view delete-tier-view">Click Me</button>

可以使用

{{#view RateEditor.DeleteTierView}}Click Me{{/view}}

是否可以在任何最新版本的 ember 中定义视图定义中的文本并像这样使用它

{{view RateEditor.DeleteTierView}}

Answer 1

如果你想要静态文本，你可以这样做：

RateEditor.DeleteTierView = Ember.View.extend({
  //...
  template: function () {
    return "Click Me";
  }
  //...
});

如果要将文本绑定到视图中的属性，请尝试以下操作：

RateEditor.DeleteTierView = Ember.View.extend({
  //...
  text: "Click Me",
  template: Ember.Handlebars.compile("{{view.text}}")
  //...
});

编辑：

或者，您可以定义一个包含{{view.text}}的模板，并在templateName属性下进行设置，就像在另一个答案中一样。

Answer 2

我认为你应该使用一个组件！

但是对于您的问题，一个简单的答案：是的！在视图上使用模板名称，并定义车把模板。

车把/HTML：

<script type="text/x-handlebars" data-template-name="my-cool-template">
    TEST
</script>

.JS：

RateEditor = {};
RateEditor.TestView = Em.View.extend({
  templateName: 'my-cool-template'
});

用法：

{{view RateEditor.TestView}}