Question

我正在尝试在点击“显示点击数据”html元素下方显示一些数据。点击时我也会尝试阻止刷新“显示点击数据”以上的数据。这接近我想要的（当然在示例中，当我点击某个元素时，来自动作的ajax调用覆盖了我的模型，但我不希望这样） http://emberjs.jsbin.com/mobapeteco/1/

Answer 1

您可以在路线中执行以下操作：

App.IndexRoute = Ember.Route.extend({

  model:function(){

    return [
      { item:"one", display: "ONE"},
      { item:"two", display: "TWO"},
      { item:"three", display: "THREE"}
    ];
  }
});

然后，在您的控制器中，您可以设置displayThis属性，该属性将在您单击列表项时设置：

App.IndexController = Ember.Controller.extend({
  actions:{
    load:function(item){
      this.set('displayThis', item.display);
    }
  }
});

最后，您的模板将如下所示：

<script type="text/x-handlebars" data-template-name="index">
  <ul>
    {{#each model as |item|}}
      <li {{action 'load' item}}>{{item.item}}</li>
    {{/each}}
  </ul>

  <h1>{{displayThis}}</h1>
</script>

工作示例here

点击一下刷新一个

1 个答案: