Ember應用程序中的引導程序傳送帶

Question

我對餘燼有點新。我有我的應用程序基本上設置我想要的方式，但現在我需要添加一個傳送帶到頁面。我下面的示例（來自自舉的例子所）添加到我的模板：

<div id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
     <div class="active item">A</div> 
     <div class="item">B</div> 
     <div class="item">C</div> 
    </div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div> 
<div id="saveCancelBar" class="saveCancelBar"></div> 

當我然後點擊一個或下一個按鈕，我碰到下面的錯誤在我的日誌：

Uncaught Error: No route matched the URL 'myCarousel' ember-1.0.0-rc.2.js:22641 
Router.handleURL ember-1.0.0-rc.2.js:22641 
Ember.Router.Ember.Object.extend.handleURL ember-1.0.0-rc.2.js:23409 
(anonymous function) ember-1.0.0-rc.2.js:23385 
(anonymous function) ember-1.0.0-rc.2.js:25142 
(anonymous function) ember-1.0.0-rc.2.js:4360 
Ember.handleErrors ember-1.0.0-rc.2.js:411 
invoke ember-1.0.0-rc.2.js:4358 
tryable ember-1.0.0-rc.2.js:4547 
Ember.tryFinally ember-1.0.0-rc.2.js:1102 
Ember.run ember-1.0.0-rc.2.js:4551 
(anonymous function) ember-1.0.0-rc.2.js:25136 
jQuery.event.dispatch jquery-1.9.1.js:3074 
elemData.handle 

是有什麼特別的事情我需要做，以告訴燼做這項工作？

Answer 1

它看起來像一條到你的'myCarousel'模板的路徑。

更新

TEMPLATES

<script type="text/x-handlebars" data-template-name="application"> 
    {{outlet}} 
</script> 
<script type="text/x-handlebars" data-template-name="myCarousel"> 
    myCarousel 
    <div id="myCarousel" class="carousel slide"> 
    <ol class="carousel-indicators"> 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
     <li data-target="#myCarousel" data-slide-to="1"></li> 
     <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
    <!-- Carousel items --> 
    <div class="carousel-inner"> 
     <div class="active item">A</div> 
     <div class="item">B</div> 
     <div class="item">C</div> 
    </div> 
    <!-- Carousel nav --> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 
</div> 
<div id="saveCancelBar" class="saveCancelBar"></div> 
</script> 

JS

App = Ember.Application.create({}); 

App.IndexRoute = Ember.Route.extend({ 
    redirect: function(){ 
     this.transitionTo('myCarousel') 
    } 
}); 

App.Router.map(function() { 
    this.resource('myCarousel'); 
}); 

的jsfiddle：http://jsfiddle.net/theremin/C3U5R/