Question

我已经开始使用小型ember应用程序了，我有看法：

Cellar.SearchTextField = Ember.TextField.extend({
    insertNewline: function(){
      Cellar.SearchController.loadResults();
    }
});

和控制器：

Cellar.SearchController = Ember.ArrayController.create({
  content: [],
  searchQuery: "",
  loadResults: function() {
    var me = this;
    SC.get('/tracks', { q: me.get('searchQuery') }, function(tracks) {
      me.set('content', []);
      $(tracks).each(function(index, value){
        var track = Cellar.Track.create({
          id: value.id,
          artwork: value.artwork_url,
          download_url: value.download_url,
          duration: value.duration,
          stream_url: value.stream_url
        })
        me.pushObject(track);
      });
    });
  }
});

和应用程序模板：

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container"></div>
      <h3 class="logo">{{#linkTo "index"}}Cellar{{/linkTo}}</h3>

      <form class="navbar-search">
        {{view Cellar.SearchTextField placeholder="search" valueBinding="Cellar.SearchController.searchQuery"}}
      </form>

    </div>
  </div>
</div>
<div id="content">
{{outlet}}
</div>

我的问题是当我在路线上http://localhost:3000/我的searchController无法正常工作，但当网址为http://localhost:3000/#/时一切正常，为什么？

Answer 1

Ember默认使用基于散列的路线。您可以通过重新打开路由器并切换到HTML5位置api来更改它。

App.Router.reopen({
  location: 'history'
});

编辑：我认为版本不匹配。这似乎是较旧版本的余烬。

在当前版本中，您不是手动创建控制器。您提供了一个控制器extend ArrayController或ObjectController。

您将不再拥有对App.SearchController的引用。您可以通过{{action}}帮助程序在控制器上发送事件或调用方法。

存在相当多的差异，我建议快速阅读Ember Getting Started Guide以更新更新。

Ember.js路由，无法访问控制器

1 个答案: