ember.js - 从控制器访问 Ember 控制器属性

Question

我有以下控制器：

App.ShowController = Ember.Controller.expend({
   buttonTitle: 'Create'
});

以及以下模板show.handlebars

<a href='#'>{{buttonTitle}}</a>

但文本没有呈现。是否有特殊的调用来访问该属性？

Answer 1

通常，当一个视图被显示（通过路由器）时，视图的上下文会自动设置给控制器，所以应该没有什么特别的。

这是一个示例，其中MyApp.IndexController自动设置为的上下文IndexView（并且它的模板是index模板）：

MyApp = Ember.Application.create({});

MyApp.Router = Ember.Router.extend();

MyApp.Router.map(function(match) {
  match('/').to('index');
});

MyApp.IndexController = Ember.Controller.extend({
  buttonTitle: "create"
});

模板：

<script type="text/x-handlebars" data-template-name="index">
  {{buttonTitle}}
</script>

你可以在这个 JSFiddle 上试试。

注意：我在这里使用 Ember v1.0.0-pre.2-239。将此示例升级为 master 需要进行一些更改