1

我已经启动了小型 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不起作用，但是当 URL 是时一切正常http://localhost:3000/#/，为什么？

4

1 回答 1

1

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

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

编辑：我认为这里存在版本不匹配。这似乎是 ember 的旧版本。

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

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

有很多不同之处，我建议快速阅读Ember 入门指南以刷新更改。

于 2013-06-28T15:28:56.563 回答