Note that there are some explanatory texts on larger screens.

plurals
  1. PONamed Templates in EmberJS
    primarykey
    data
    text
    <p>I am new in EmberJS and flowing on <a href="https://www.codeschool.com/" rel="nofollow">www.codeschool.com</a> the <strong>Warming Up With Ember.js</strong> ...</p> <p>I am stuck at level <em>1.4 Named Template</em>, They ask me to: <strong><em>Move the content unique to our homepage into a new template and give it a template name that will be shown on the homepage of our site.</em></strong> for this code, </p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;base href='http://courseware.codeschool.com/ember/' /&gt; &lt;link href='bootstrap.css' rel='stylesheet' /&gt; &lt;link href='application.css' rel='stylesheet' /&gt; &lt;script src='jquery.js'&gt;&lt;/script&gt; &lt;script src='handlebars.js'&gt;&lt;/script&gt; &lt;script src='ember.js'&gt;&lt;/script&gt; &lt;script src='ember-data.js'&gt;&lt;/script&gt; &lt;script src='app.js'&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type='text/x-handlebars' data-template-name='application'&gt; &lt;div class='navbar navbar-default'&gt; &lt;div class='container'&gt; &lt;a href='#' class='navbar-brand'&gt;&lt;img src='images/logo.png' alt='logo' height='34' width='224' /&gt;&lt;/a&gt; &lt;ul class='nav navbar-nav navbar-right'&gt; &lt;li href='#' class='active'&gt;Home&lt;/li&gt; &lt;li href='#/about'&gt;About&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class='container'&gt; &lt;h1&gt;Welcome to The Flint &amp;amp; Flame!&lt;/h1&gt; &lt;/div&gt; &lt;footer class='container'&gt; &lt;hr /&gt; &lt;p class='pull-left'&gt;&amp;copy; 2013 The Flint &amp;amp; Flame&lt;/p&gt; &lt;p class='pull-right'&gt;&lt;a href='#/credits'&gt;Credits&lt;/a&gt;&lt;/p&gt; &lt;/footer&gt; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I did it but it still don't work after trying this:</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;base href='http://courseware.codeschool.com/ember/' /&gt; &lt;link href='bootstrap.css' rel='stylesheet' /&gt; &lt;link href='application.css' rel='stylesheet' /&gt; &lt;script src='jquery.js'&gt;&lt;/script&gt; &lt;script src='handlebars.js'&gt;&lt;/script&gt; &lt;script src='ember.js'&gt;&lt;/script&gt; &lt;script src='ember-data.js'&gt;&lt;/script&gt; &lt;script src='app.js'&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type='text/x-handlebars' data-template-name='application'&gt; &lt;div class='navbar navbar-default'&gt; &lt;div class='container'&gt; &lt;a href='#' class='navbar-brand'&gt;&lt;img src='images/logo.png' alt='logo' height='34' width='224' /&gt;&lt;/a&gt; &lt;ul class='nav navbar-nav navbar-right'&gt; &lt;li href='#' class='active'&gt;Home&lt;/li&gt; &lt;li href='#/about'&gt;About&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class='container'&gt; &lt;script type='text/x-handlebars' data-template-name='index'&gt; &lt;h1&gt;Welcome to The Flint &amp;amp; Flame!&lt;/h1&gt; &lt;/script&gt; &lt;/div&gt; &lt;footer class='container'&gt; &lt;hr /&gt; &lt;p class='pull-left'&gt;&amp;copy; 2013 The Flint &amp;amp; Flame&lt;/p&gt; &lt;p class='pull-right'&gt;&lt;a href='#/credits'&gt;Credits&lt;/a&gt;&lt;/p&gt; &lt;/footer&gt; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload