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)
23,632
questions
1
vote
2answers
26 views
Ember handlebar helper programmatic record property access?
In one case a template will have
{{input/number value=record.VolM3}}
in another it will have
{{input/number value=record.VolBbl}}
Is there a way to make it such that the end part of the record ...
0
votes
0answers
30 views
Storybook - Ember.js - Getting stuck on loading state
I've installed storybook/ember on an existing Ember project, but unfortunatelly it stuck on loading screen with no error - doesn't display the welcome page and shows the spinner instead.
.storybook/...
0
votes
1answer
29 views
Ember + Mirage: response mock errors
// Some code from router
return user.save().catch(e => {
debugger; // says: ErrorClass {isAdapterError: true, stack: "Error: The adapter rejected the commit because it was invalid}
});
...
0
votes
1answer
22 views
Access HTML element from Glimmer component without modifier
is it possible to access component's HTML element in Glimmer components without the use of did-insert helper? Something as simple as this.element or this.elementId in non-glimmer elements.
I've ...
0
votes
1answer
27 views
Ember update page title
In my Ember app (actually mine is an engine within a host/parent app), I want to set the page title.
Now while I do
document.title = "Page title I want"
However, it gets overwritten by the ...
0
votes
0answers
24 views
How to Copy Values to Empty Object List in Ember
I have an empty ember object list.
formattedlist: [
{
id:'',
topic:'',
content:''
}
]
I push values to this list while iterating from another.
_languageChange: ...
0
votes
0answers
26 views
Visual Studio Code refactors the decorators
I'm new to using Visual Studio Code. I have an EmberJS project and there is the following code:
@on('didInsertElement')
_initialize() {
// Code
},
For some reason, the VS refactors it to be:...
0
votes
1answer
22 views
EmberJS: `ember serve --environment=test` renders blank page
My team is moving to use Cypress for integration testing rather than Embers Acceptance tests. Before, we would just run ember test which set the environment to "test". Now, I don't want to ...
0
votes
0answers
12 views
How do you package an ember-electron app to not include the dependencies for the UI?
We believe we have followed the standard instructions for setting up an ember-electron app. However, when we run
ember electron:package
and look inside the node modules directory in the output:
...
0
votes
2answers
36 views
Nested index route not rendering in outlet properly
I'm trying to render taking-cash/index inside taking-cash's {{outlet}}:
router.js:
this.route('retirement-options', function () {
this.route('taking-cash');
It doesn't render it inside the ...
2
votes
1answer
37 views
Is this a valid usage of @cached for autotracking of Ember Octane?
Recently I encountered an use case of @cached from tracked-toolbox when writing a Glimmer component with autotracking. Here is an example code snippet:
import Component from '@glimmer/component';
/**
...
0
votes
0answers
13 views
Ember 2 Web App using SignalrR from .Net Core 3 API
We have an ember version 2.18 web application, which talks to a .Net Core 3 api. But we have been trying to implement Signalr, with the api as the signalr server and the ember app as the signalr ...
0
votes
1answer
35 views
Cannot update tracked property via did-update in Ember JS
I am trying to use did-update in my template to trigger an action within my component from another component. I have done this before but never with an action that updated a tracked property.
I am ...
0
votes
0answers
35 views
Ember: Set model data to component value?
I tried to set a model data into an ember component data. But it didn't work.
actions: {
setValue(modelData, type) {
// this doesn't work
this.set('currentType', type);
...
0
votes
0answers
23 views
setting max length property of masked input control in ember js
input component in ember as below:
{{#each tags as |tag index|~}}
<li class="emberTagInput-tag">
{{yield tag}}
{{#if _isRemoveButtonVisible}}
<a class="...
0
votes
0answers
41 views
Is there a way to SEO pages that dynamically change on EmberJS?
I have an ember app that has a page that dynamically change the content.
Example url: mydomain.com/shops/show/products/120
The issue is SEO on this page didn't work (unable to crawl this page) and ...
0
votes
0answers
18 views
Ember model hook not getting called
When I go to the template page associated with EnduserAnalyticsProfileAnalyticsRoute the model hook in this route file does not fire and I cant quite figure out why. I am trying to return some ...
0
votes
1answer
33 views
Regex for Alpha Numeric and some special characters
I have a input controller which I want to allow only Alpha Numeric values and -,@ and # special characters, I have using the following input-filter, input-filter='[A-Za-z0-9 \-_@#]{1,20}', it is ...
0
votes
1answer
21 views
Opentok client API using Ember.js framework
I am building a prototype video web application using latest opentok client API 2.18.0 and the Ember.js framework.
I have a simple Ember.js page, controller and css example which connects OK to Vonage ...
0
votes
1answer
40 views
Related objects not showing even when present in data store
I'm learning Ember (3.21) and am at a loss as to why related items will not show as being attached to their parent model when retrieving from the store. I am having trouble finding answers to this ...
1
vote
1answer
33 views
Glimmer.js how to reset tracked property to initial value without using the constructor
In Glimmer.js, what is the best way to reset a tracked property to an initial value without using the constructor?
Note: Cannot use the constructor because it is only called once on initial page ...
0
votes
0answers
13 views
TypeError: babelAddon.buildBabelOptions is not a function
I am having an ember application with following ember dependencies and version
{
"name": "frontend",
"version": "0.0.0",
"description": "...
0
votes
0answers
35 views
How to plug logic into session invalidation due to cookie expiration
In my app, I want to send some request to the api on session invalidation.
I want to be able to differentiate when a user logs out (clicks on the button), and when he is automatically logged out (eg, ...
0
votes
0answers
10 views
Heroku + Ember buildback unable to donwload node
I am using the buildback for Ember.js :
https://codon-buildpacks.s3.amazonaws.com/buildpacks/heroku/emberjs.tgz
When I push and Heroku builds, i'm getting (triend both with 12.x and 14.x).
And I am ...
0
votes
1answer
32 views
Ember Root URL Based Navigation
I have mainly been working as a back-end developer. Recently however, I have begun dabbling with the Ember front-end framework. I have a requirement such that two Ember apps should be served from same ...
1
vote
1answer
61 views
What is the Ember Octane replacement for `didInsertElement`?
I’m trying to fire a callback passed down from a parent component. Our old pattern for handling this was to call the function in didInsertElement. In Octane, I see that we can use the did-insert ...
0
votes
1answer
42 views
Named blocks in Ember
Is there a way to have "named blocks"? For example,
{{#namedBlock "reusableBlock"}}
{{!-- block with a lot of properties and stuff that will look ugly if you hardcode in multiple ...
1
vote
2answers
35 views
How to use Ember for all pages except the index page
I have an ember project, and it's getting heavier.
I want the landing page to load faster, therefore I want to make it static HTML (without loading ember js files).
All other pages I want to have in ...
0
votes
0answers
54 views
glimmer.js time not updating [closed]
javascript
import Component from '@glimmer/component';
export default class TimerTrackerComponent extends Component {
time = null;
constructor(){
super(...arguments);
this....
0
votes
0answers
20 views
EmberJS: Dynamic properties for Ember data model (native class)
I'm working on migrating from EmberObject to native classes (using Ember 3.16), but I've got an issue. Basically, I need to set dynamic properties to some models. These properties are defined ...
1
vote
1answer
25 views
What does the “pull-based functional reactive program” mean in Glimmer VM?
As I saw the notion "pull-based functional reactive program"" in this article: https://engineering.linkedin.com/blog/2017/06/glimmer--blazing-fast-rendering-for-ember-js--part-2
As I ...
0
votes
1answer
34 views
Ember-CLI v0.0.44 project not building with a “Use of const in strict mode.” error message
I need to update a template in a fairly outdated ember project (its about 5 years old) but I'm unable to build it.
Here is the working environment:
Nodejs v0.10.46 (via NVM)
NPM v2.15.1
...
2
votes
1answer
56 views
How to maintain unknown/wildcard queryParams through a transition?
I have a route (route-a) that transitions to another route (route-b) and I am trying to find a way for the destination URL to maintain the all query parameters, even if route-b does not know about ...
2
votes
1answer
39 views
How do I refresh data and/or redraw chart in highcharts?
I'm implementing a highchart in an ember component in the following way
/controllers/mycontroller.js
export default Controller.extend({
chartData:
[{
name: 'Impact',
borderWidth: ...
0
votes
2answers
33 views
Installing Ember.js on MacOS
I have tried to install Ember.js through npm, but it throws an error.
npm install -g ember-cli
Is there a way to do it without Homebrew ?
0
votes
1answer
50 views
emberjs + gojs integration
Hey guys I am trying out emberjs and want to integrate goJS to it. I did an npm install of the package https://www.npmjs.com/package/gojs
But I can't find any good documentation on this.. so if anyone ...
0
votes
0answers
30 views
Multiple youtube videos causes w.getDuration and postMessage errors
We are building an Ember webapp where users can add multiple Youtube videos to a page. The videos are Ember components 'wrapping' a Youtube iframe embed.
In order to comply with Youtube terms of ...
0
votes
1answer
37 views
Ember app has been blocked by CORS policy
I was trying to use my api and I have a function on ember app to login but when the login action is trigerred I receive a message below. What is the reason I am receiving this error?
login:1 Access to ...
0
votes
1answer
38 views
How to pass dynamic routes params in ember link-to
I have two routes in my router.js
'user/:id' -> will move to user show page
'user-answer/:id/answers' -> will move to user answer page
currently i am using a if condition to change the link ...
0
votes
1answer
93 views
Ember.JS force computed property to recalculate
So I have a computed property in my Ember application. Declared as myComProp: computed('itemTrait', function () {...}). myComProp belongs to an item model. In a separate component (listItem) I have a ...
0
votes
0answers
30 views
Ember - Polymorphic relationship - POST request not triggered
I'm facing an issue right now.
Here's the scenario.
owner belongsTo pet
pet belongsTo owner
pet relationship can have 2 different types which are the dog and cat
The problem I'm facing right now is, ...
0
votes
1answer
17 views
Using puppeteers to get iframe when given the iframe id
So, I've got a bit of code in the Chrome Dev Tools like this:
<div class="ember-view" id="ember123">
<iframe src="http://yaddayaddayadda" id="sso-frame&...
0
votes
1answer
26 views
Ember Data peek 'x' amount of records from store
So I'm working with Ember Data and have a component where I want to render so many records from the store, let's say 10. I also have a live feed of these records that I want to make sure show up in ...
0
votes
0answers
36 views
Ember build error . How do I run it on gitlab runner?
While running ./node_modules/ember-cli/bin/ember build --environment=production on my local machine it works fine . But on gitlab runner it is giving me this error :
Cannot read property 'length' of ...
0
votes
1answer
25 views
Lazy import of external js file in ember.js
I am trying to import external js file in one of my application routes.
@(task(function* () {
yield import('jquery/dist/jquery').then(module => module.default);
yield import('jquery-ui/ui/...
0
votes
0answers
28 views
Error: Compile Error: bootstrap-datepicker is not a helper
I am using
https://www.npmjs.com/package/ember-cli-bootstrap-datepicker and Ember 2.18
package.json in devDependencies:
"ember-cli-bootstrap-datepicker": "0.6.1",
in hbs:
{{...
0
votes
0answers
27 views
Can we force the controller value change to immediately reflect into the html drop down element manually without reloading the page in ember JS?
I have a situation in which I have to get the hours and minutes as input.I have used two select box element for getting hours and minutes. The Condition is that i will have a minute minutes below ...
0
votes
0answers
21 views
EmberJs EmberUploader uploading multiple files problem [duplicate]
I have an ember component uploading multiple File, this is my component:
export default EmberUploader.FileField.extend({
multiple: true,
method: 'POST',
success: Ember.K,
failure: Ember.K,
...
0
votes
0answers
29 views
Spring boot backend receiving empty Files array from EmberJs component EmberUploader When upload multiple files
I have an ember component responsible of uploading multiple File, this is my component:
export default EmberUploader.FileField.extend({
multiple: true,
method: 'POST',
success: Ember.K,
...
1
vote
0answers
21 views
How to configure RubyMine, so I can go to the component declaration?
While working with emberjs there are two ways to invoke a component in a template: classic invocation syntax
{{my-component}}
and the angle bracket invocation syntax
<MyConmonent />
You can go ...