Note that there are some explanatory texts on larger screens.

plurals
  1. POEmberjs store error-Uncaught TypeError: Object [object Object] has no method 'trasitionTo'
    text
    copied!<p>I am a beginner to Emberjs and please go through the code and please guide me where am I wrong.</p> <p>.js file</p> <pre><code>Sample = Ember.Application.create(); Sample.Router.map(function(){ this.route('view'); this.resource('add'); }) Add = Ember.Object.extend(); View = Ember.Object.extend(); Sample.AddNewRoute = Ember.Route.extend({ model:function(){ return Sample.Add.createRecord(); } }); Sample.ViewController = Ember.ArrayController.extend(); Sample.AddController = Ember.ObjectController.extend({ content:[], save:function(){ this.get("model.transaction"); this.get("target").trasitionTo('view'); } }); Sample.ViewController = Ember.ArrayController.extend(); Sample.Store = DS.Store.extend({ revision:11, adapter: DS.LSAdapter.create(), }); Sample.Add = DS.Model.extend({ name: DS.attr("string"), desig: DS.attr("string"), age: DS.attr("integer") }); .html file &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/libs/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/libs/handlebars-1.0.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/libs/ember-1.0.0.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/libs/ember-data.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/libs/localstorage_adapter.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="C:/Users/Guest/Downloads/ember/starter-kit-1.0.0/js/sample.js"&gt;&lt;/script&gt; &lt;meta charset=utf-8 /&gt; &lt;title&gt;Demo application&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/x-handlebars"&gt; &lt;h1&gt;Welcome to Demo!&lt;/h1&gt; {{#link-to 'add'}}Add Member{{/link-to}} {{#link-to 'view'}}View Members{{/link-to}} {{outlet}} &lt;/script&gt; &lt;script type="text/x-handlebars" data-template-name ='add'&gt; &lt;h1&gt;Add member!&lt;/h1&gt; &lt;form {{action 'save' on='submit'}}&gt; &lt;br&gt;{{#view Ember.TextField valueBinding="name" placeholder= "Enter the name"}}{{/view}}&lt;/br&gt; &lt;br&gt;{{#view Ember.TextField valueBinding="desig" placeholder= "Enter the designation"}}{{/view}}&lt;/br&gt; &lt;br&gt;{{#view Ember.TextField valueBinding="age" placeholder= "Enter the age"}}{{/view}}&lt;/br&gt; &lt;br&gt;&lt;button {{action "save"}}&gt;Add Member&lt;/button&gt;&lt;/br&gt; &lt;/form&gt; &lt;/script&gt; &lt;script type="text/x-handlebars" data-template-name ='view'&gt; &lt;h3&gt;&lt;strong&gt;All Registered Members!&lt;/strong&gt; &lt;br&gt;&lt;/br&gt; {{#each controller}} &lt;br&gt;{{name}}&lt;/br&gt; &lt;br&gt;{{desig}}&lt;/br&gt; &lt;br&gt;{{age}}&lt;/br&gt; {{else}} No members registered yet! :( {{/each}} &lt;/script&gt; enter code here &lt;/body&gt; &lt;/html&gt; </code></pre> <p>After I click the 'Add Member button I am getting the following error:</p> <p>Uncaught TypeError: Object [object Object] has no method 'trasitionTo' </p>
 

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