小编İ. *_*tlu的帖子

Ember.js:如何设置动作助手的上下文?

我添加了示例应用程序. http://jsfiddle.net/Sly7/amG56/

JS:

App = Ember.Application.create();

App.ApplicationController = Ember.ArrayController.extend({
  selectedBook: null
});

App.ApplicationView = Ember.View.extend({

  actions: {
    selectBook: function(book) {
      this.get('controller').set("selectedBook", book);
    },

    cancel: function(book) {
      alert(book);
    }
  }
});

App.Book = Em.Object.extend({
  name: null
});
Run Code Online (Sandbox Code Playgroud)

模板:

<script type="text/x-handlebars">
  {{#each book in books}}
    <a {{action "selectBook" book target="view"}} href="#">select {{book.name}}</a><br />
  {{/each}}
  <hr />
  Selected Book: {{selectedBook.name}}
  <br />
  <a {{action "cancel" selectedBook target="view"}} href="#">cancel selected book</a>
</script>
Run Code Online (Sandbox Code Playgroud)

选择其中一本书.您将看到将显示该书的名称.但"取消选定的书"链接不起作用.

我认为问题是当选择一本书时动作助手的上下文不会改变.

如何实现具有不断变化的上下文的动作助手?或者这是一个错误?

ember.js

3
推荐指数
1
解决办法
2792
查看次数

标签 统计

ember.js ×1