CODEWITHSUNDEEP
javascriptmodel-view-controllerember.js
Deadpool
Deadpool

Reputation: 8240

Hello World in EmberJs Error

I am writing first program in EmberJs as "Hello World" printing, but getting errors. Can someone help me out?

HTML

<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember.min.js"></script>
    <script>
      App = Ember.Application.create();
      App.Router.map(function() {
        this.resource('index', { path: '/' }, function() {});
        this.resource('hi', { path: '/hi' }, function() {});
      });
    </script>
    <script type="text/x-handlebars" data-template-name='index'>
      <p>index!</p>
      <p>{{#linkTo hi}}hi{{/linkTo}}</p>
    </script>
    <script type="text/x-handlebars" data-template-name='hi'>
      hello world!
    </script>
</head>
<body>
</body>
</html>

ERROR

enter image description here

Upvotes: 1

Views: 78

Answers (1)

Daniel
Daniel

Reputation: 18672

You need to include ember-template-compiler instead of handlebars:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.7.0/ember-template-compiler.js"></script>

You also can't use linkTo helper because it's deprecated and that's why you get another error. Here's working fiddle.

Upvotes: 1

Related Questions