Questions tagged [ember.js]

Ember.js is a component-service application framework written in JavaScript. Consider making your question easier to answer by using the preconfigured templates mentioned in this tag's wiki. (Always specify version of ember used when describing your issue)

Ember.js is a application framework distributed under an open source license.

Ember.js provides a templating mechanism based on templates for view components, as well as facilities for an easy and tightly-integrated test process. It is easily embeddable into existing applications.


Getting Help

The Stack Overflow tag is actively monitored by several contributors to Ember. There is also an official Discord server. Other resources can be found on the Ember.js community page

Additionally Ember.js has a page on Debugging: Debugging Ember

Technical questions that are accompanied by working code make it easier for other to help give good answers.

To report bugs against Ember.js, or to propose new functionality, create an issue on the GitHub project.

Packages and add-ons

You can find various packages, add-ons on these websites:

Preconfigured Templates

Use these templates to help create an easier to answer question.

Related Stackoverflow Tags

Resources/Tutorials

23976 questions
40
votes
12 answers

Assigning 'active' class to selected list item in EmberJS

I have a list and I'd like to set one item as class="active" automatically. Given the following bootstrap code:
39
votes
5 answers

Trigger an action on the change event with Ember.js checkbox input helper?

How can I fire a named action upon changing a checkbox in Ember.js? Any help will be greatly appreciated. Here is what I have. Checking or unchecking the checkbox has no effect. Template: {{input type="checkbox" on="change"…
Corey Quillen
  • 1,566
  • 4
  • 24
  • 52
38
votes
2 answers

How to access a parent model within a nested index route using ember.js?

I have the following route structure App.Router.map(function(match) { this.route("days", { path: "/" }); this.resource("day", { path: "/:day_id" }, function() { this.resource("appointment", { path: "/appointment" }, function() { …
Toran Billups
  • 27,111
  • 40
  • 155
  • 268
38
votes
5 answers

Inspect Ember.js: Get the type of an object (Class)?

I use console.log() a lot, especially in combination with Ember.inspect(). But there's one thing I miss: How can I find out the type of an object (Class)? For example: Getting something like when inspecting…
kraftwer1
  • 5,253
  • 10
  • 36
  • 54
37
votes
2 answers

How to cache query result in ember data

I want to cache the result of a query in ember-data. (findQuery) To make it clear: I don't want to cache the entire models; just what models are the result of the query. Where is the right place for this? I was thinking about implementing this in…
Lux
  • 17,835
  • 5
  • 43
  • 73
37
votes
3 answers

Handlebars partial vs. render vs. template

The Fire Up Ember.js screencast uses partial, template, render to render templates within templates, but I'm still not sure I know which one to use when. In the same screencast the partial is explained as using the context and all data relative to…
Marius Butuc
  • 17,781
  • 22
  • 77
  • 111
37
votes
4 answers

Best way to enforce user/authentication state in Ember.JS app

Working on my first EmberJS app. The entire app requires that a user be logged in. I'm trying to wrap my head around the best way to enforce that a user is logged in now (when the page is initially loaded) and in the future (when user is logged out…
36
votes
3 answers

Ember.js browser support?

Is there a documented list of desktop browsers and versions which support Ember.js apps? That is, if I say an app developed in Ember.js will support IE 9+, FF 11+, Chrome 17+, Safari 5+, will I be overreaching or underreaching? If support is fluid,…
pjmorse
  • 9,204
  • 9
  • 54
  • 124
36
votes
2 answers

How to push/pop arrays in Ember.js?

I can include an array in an Ember object, and display the contents using Handlebars. However, I can only replace the array contents using set(). How can I modify the array contents using push/pop/etc. and still have the UI bindings update? //…
Luke Dennis
  • 14,212
  • 17
  • 56
  • 69
36
votes
2 answers

Ember Routes vs Controllers vs Views

I have read most of the beginner guides on the Ember.js site but I am still confused about the correct place to put stuff. Route - from online research people suggested putting routing related logic in the route. That is all good, but the only…
jax
  • 37,735
  • 57
  • 182
  • 278
36
votes
4 answers

npm install without symlinks option not working

I setup a development environment with Windows 8 and Ubuntu as a virtual machine. For that I use VirtualBox. I also manage to create a shared folder in VirtualBox. In this shared folder I try to start a project with ember-generator of Yeoman. yo…
Bastien D
  • 1,395
  • 2
  • 14
  • 26
36
votes
2 answers

Don't the data attribute options used in Bootstrap, Angular.js, and Ember.js conflict with Unobtrusive Javascript principles?

I've always been told it's good practice (ala 'unobtrusive javascript') separate JavaScript from HTML markup. However, I've been seeing the opposite trend with a number of new and popular frameworks such as Bootstrap, Angular.js, and Ember.js. Can…
35
votes
3 answers

Sane way to concat string and variable in Handlebars.js helper argument?

I'm trying to build a simple modal component in Ember, but it seems the "logic-less" of Handlebars is too illogical for me. Is there any sane way to achieve a result somewhat this?

Nice block about {{title}}

igorsantos07
  • 4,456
  • 5
  • 43
  • 62
35
votes
2 answers

Ember.js & Ember Data: How to create record with hasMany relationship when the parent and child don't exist yet

As seems to be the case with most everything I do with ember-data the simple test case is very simple but anything "real" falls apart quickly due to my lack of understanding (and I think documentation). In the simplest case I have no problem…
Sarus
  • 3,303
  • 1
  • 23
  • 27
35
votes
1 answer

In Ember.js, what is the difference between [] and Ember.A([])?

While looking through apps written with Ember.js, I noticed that sometimes arrays are defined with a call to Ember.A() and sometimes array literals are used. When I ran Ember.A([1]) in the browser console, the return value looks just like an array…
hekevintran
  • 22,822
  • 32
  • 111
  • 180