ember.js - Ember ネストされたルーティング

Question

私のapplication.hbsでしたい：

{{#linkTo 'pieces/newPiece' }}New Piece{{/linkTo}}

そこで、ルーターをセットアップしました：

App.Router.map(function() {
  this.resource('pieces', function(){
    this.route('newPiece');
  });
});

それでも私は得る：

The route pieces/newPiece was not found

どんな方向でも大歓迎

アップデート

私が変更され：

{{#linkTo 'pieces/newPiece' }}New Piece{{/linkTo}} 

に

{{#linkTo 'pieces.newPiece' }}New Piece{{/linkTo}},  

それはエラーを処理しましたが、私が望むのは、piecesController の「newPiece」関数を呼び出すことです。

Answer 1

{{action}}そのためにヘルパーを使用します。ガイドから：

単純なユーザー イベント (クリックなど) に応答して、高レベルのイベントをトリガーしたい場合があります。

一般に、これらのイベントはコントローラーのプロパティを操作し、バインディングを介して現在のテンプレートを変更します。

あなたの場合、それがコンテキスト内の現在のコントローラーであると仮定するpiecesと、次のようになります。

<a href='#' {{action newPiece}}>New Piece</a>

JSBin の例