Questions tagged [ember.js-3]

For issues relating to development with version 3.x.x of Ember.js

On February 14, 2018, Ember.js version 3.0 was released.

As always, since this is a major version of Ember, 3.0 did not add any features, but instead removed long-deprecated APIs and support for legacy platforms

18 questions
9
votes
2 answers

Why won't my tracked array update in Ember Octane?

I'm trying out Octane, and for some reason, if I show an array in a template and I add a new object to it, the UI doesn't update. What am I doing wrong? Here is my template:
handlebears
  • 2,168
  • 8
  • 18
5
votes
1 answer

How to fix warning "interaction added to non-interactive element no-invalid-interactive"

I just upgraded my Ember addon from version 3.0 to version 3.8, and I get this warning now: Interaction added to non-interactive element no-invalid-interactive An example of this is something like:
handlebears
  • 2,168
  • 8
  • 18
4
votes
0 answers

WARNING: Node v10.8.0 is not tested against Ember CLI on your platform

I successfully installed Node 10.8.0, npm 6.3.0 and ember-cli 3.3.0 on my mac: $ ember -v ember-cli: 3.3.0 node: 10.8.0 os: darwin x64 $ npm -v 6.3.0 However, when I run ember serve on the ember demo project (super-rentals), I still get this…
patschiboy
  • 1,091
  • 8
  • 21
4
votes
3 answers

JQueryUI at Ember upgrade

After upgrade and dismissing Bower as recommended: Is there a way to include JQueryUI into an Ember project without using Bower? My project depends heavily of JQueryUI dialogs. $ ember -v ember-cli: 3.3.0 node: 8.11.3 os: linux x64 Do I have…
toreric
  • 332
  • 4
  • 9
3
votes
1 answer

How do I make an optional action for an Octane component?

I want to write an Octane/Glimmer style component where passing in the action is optional. What is the best way to write this? For example, I want both of these uses of the component to be valid:
handlebears
  • 2,168
  • 8
  • 18
3
votes
1 answer

@import not working in addon with ember-cli-sass

Addon has // app/styles/my-addon.scss within addon @import 'pods'; .testing123 .my-addon { color: white } // app/styles/pods.scss within addon // @import 'some components go here'; .testing123 .pods { color: black } This works in the addon's…
bryan.crotaz
  • 97
  • 2
  • 5
2
votes
1 answer

Why do I get 'this is undefined' in my Octane component methods?

I'm writing some Octane-style components in Ember v3.13, together with the {{did-insert}} ember-render-modifier. However, when the function tied to did-insert is called, I get TypeError: this is undefined. What am I doing wrong? Here's my component…
handlebears
  • 2,168
  • 8
  • 18
2
votes
1 answer

How do I define an input using Angle Brackets?

I know how to make an input in Ember using curly braces: {{input type="text" value=userInput}} How do I do this using Angle Brackets component syntax?
handlebears
  • 2,168
  • 8
  • 18
2
votes
1 answer

Ember: Assertion Failed: EmberObject.create no longer supports defining computed properties

I was on Ember version 2.16 and we upgraded to 3.8. After version upgrade I am seeing this error but not able to figure out from where the error is coming. In what scenarios will I get this error. I saw one of the post: Dynamic computed properties…
Shreya Shah
  • 582
  • 1
  • 4
  • 17
2
votes
1 answer

Ember load variable everytime page is loaded

I want a variable called "name" in my router or controller , which i will use in my hbs template. Right now , I'm doing this. But the get() is not loading if i navigate backward and click the link to the current page again. It only loads the first…
2
votes
2 answers

How to access Ember Data store when registering test helper? Ember 3.3

I'm using a custom test helper which requires access to the Ember data store, but I don't know how to access it from the given application argument. export default registerAsyncHelper('myCustomHelper', function(app) { console.log(app); // how to…
a7omiton
  • 1,597
  • 4
  • 34
  • 61
1
vote
0 answers

compile handlebar in javascript side of the ember component

For the optimisation and quick rendering I need to be able to compile html in javascript side of the component. In ember 1.x we could do something like this https://api.emberjs.com/ember/1.0/classes/Ember.Handlebars, But in Ember 3.x I cant see…
Zardaloop
  • 1,594
  • 5
  • 22
  • 43
1
vote
1 answer

Cannot transitionTo, the error "more context objects were passed than there are dynamic segments" is incorrect

I'm using Ember 3, and I am having an issue using the Router service with dynamic segments. In my component, I use the Router Service to transitionTo a child route on a click, but I get this error: Error: More context objects were passed than…
handlebears
  • 2,168
  • 8
  • 18
1
vote
1 answer

Ember-data: How to deal with inheritance objects

I have a JSON-Api backend and I can't find the good way to deal with inheritance objects, because the Route ressource name is the parent Class but the "type" attribute in the payload correspond to the child class. Example of payload (GET…
Dainii
  • 43
  • 3
1
vote
2 answers

Resolving keypaths (or chained relationships) in route

I am processing a bunch of records and producing an array of hashes for a third party library. For the life of me I can't figure out why this doesn't work. export default Route.extend({ model: function(params) { let qp = {viewName: 'byDay'}; …
1
2