ember.js-如何加載自定義路由模板？

Question

在下面的代碼中，我試圖加載“ home”路由模板作為索引路由？

我該怎么做呢？ 轉到mysite.com，則必須僅加載本地路由模板？

我不想看到應用程序模板並使用其{{outlet}}。

謝謝你的幫助

var App = Ember.Application.create();

App.Router.map(function(){

    this.resource('home', {path: ''} );
    //this.resource('home', {path: '/h'} );
    this.resource('about', {path: '/a'} );
    this.resource('contact', {path: '/c'} );
});

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

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

App.HomeRoute = Ember.Route.extend({

});

App.AboutRoute = Ember.Route.extend({

});

App.ContactRoute = Ember.Route.extend({

});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ember Starter Kit</title>
</head>
<body>
  <script src="js/libs/jquery-1.10.2.js"></script>
  <script src="js/libs/handlebars-1.1.2.js"></script>
  <script src="js/libs/ember-1.5.1.js"></script>
  <script src="js/attempt1.js"></script>


<script type="text/x-handlebars">
   <div>
     page - Application
   </div>

   {{outlet}}
 </script>

<script type="text/x-handlebars" id="home">
  <div>
    page - Home
  </div>
</script>

<script type="text/x-handlebars" id="about">
  <div>
    page - About
  </div>
</script>

<script type="text/x-handlebars" id="contact">
  <div>
    page - Contact
  </div>
</script>


</body>
</html>

Answer 1

更改數據模板名稱的ID：

<script type="text/x-handlebars" data-template-name="home">
  <div>
    page - Home
  </div>
</script>

ember.js-如何加載自定義路由模板？

問題描述

1 個解決方案

解決方案1
0 2014-05-24 20:48:30

ember.js-如何加載自定義路由模板？

問題描述

1 個解決方案

解決方案1 0 2014-05-24 20:48:30

解決方案1
0 2014-05-24 20:48:30