Questions tagged [aurelia]
Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.
3,405
questions
1
vote
2
answers
43
views
npm install gives different output on 2 computers with identical config
I have 2 computers. Same configuration.
Windows version 11
Node.js version 14.17.1
npm version 6.14.13
Typescript version 4.5.5
I have a package.json file. When I execute npm install the output log ...
0
votes
0
answers
4
views
What does chunk do in Aurelia PLATFORM.moduleName(module, chunk)?
I've read the online documentation and the API documentation in the code.
Online says: "Add the module to a chunk by name"
API says nothing really
What does it add, and what should it be? ...
0
votes
1
answer
17
views
In Aurelia: How do I bind the output of a webcam to the `srcObject` attribute of a video element?
How do I bind the output of a webcam to the srcObject attribute of a video element in Aurelia?
I have the following video element in my HTML
<video id="video" srcObject.bind="...
0
votes
0
answers
14
views
aurelia materilaize component md-chips close option
i have an array that looks as follows
`0: {tag: '[email protected]', __observers__: {…}}
1: {tag: '[email protected]', __observers__: {…}}
2: {tag: '[email protected]', __observers__: {…}} `
I am using md-...
0
votes
0
answers
19
views
How to add Stylus as CSS preprocessor in Aurelia 2 & Webpack 5
So far I tried the following:
yarn add -D stylus-native-loader stylus mini-css-extract-plugin
Then in webpack.config.js I put:
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
...
...
0
votes
1
answer
36
views
How to resolve Webpack Exception on new machine
I am getting the following error message when running webpack.
The oddity is that on my machine, it works fine. This is an old project nearly 10 years old that. Another developer is now going to be ...
0
votes
0
answers
35
views
How do I view robots.txt files in localhost?
I have created a robots.txt file in an aurelia project and I want to check if it works correctly, how can I know if the file is working.
is there any way to see it from my localhost?
enter image ...
1
vote
0
answers
49
views
aurelia-webpack-loader cannot find module aurelia-loader-context
I am trying to update the webpack version of a legacy app that uses aurelia and I am having an issue that is either related to the config or a version mismatch.
When I try to build and run the app ...
0
votes
0
answers
15
views
Printing a number out in AureliaJS with one percision and comma's
I have a number like so that returns from the printOutFunction below:
1024248.71345
I need it to print out like this:
1,024,248.7
I am unable to get the comma's working using this:
${...
0
votes
0
answers
32
views
Error with upgrade to aurelia app clie3.01 with webpack 5.7
We recently trying to upgrade really old aurelia app to use latest webpack and aurelia cli.
am getting following error when i try to use bundles generated for webpack 5.70
TypeError: e.ConsoleAppender ...
0
votes
1
answer
47
views
How do I add a comment in an Aurelia template file that will be stripped out of the compiled page?
I am writing an Aurelia template file and I want to add a comment to it. This is a comment that I want people who read the template file (i.e. my fellow developers) to see. However, I want it to be ...
0
votes
1
answer
26
views
How to set value.bind in array using the index inside repeat
I have a dynamic form build with repeat, id like to bind its value to array object and i want to use the $index to set the value to the write object in the array.
How the set the binding in the array ...
0
votes
0
answers
39
views
MDC Menu anchor to Dynamic list
I've a question about our MDC Menu from the latest 14.x material components web.
What's the best way to handle anchoring of a MDC Menu to a dynamic list? So for example:
<div class="container&...
0
votes
1
answer
45
views
How to bind string properties from object in repeat.for
I have a list of arrays in a table displayed using repeat.for. I need to display tr row in blue color when "receiving.supplier === Scrap Separated" and blue color row when the result is &...
0
votes
1
answer
80
views
IIS virtual directory deploy rewrite
I tried to deploy an aurelia front-end to IIS under virtual directory as http://localhost:8004/test/
However, when it is loading, all css and js bundle can not be load and throw 404 not found like ...
0
votes
1
answer
118
views
Slickgrid excel-export service not assignable to "External Recourses" in grid options in Aurelia
After reading the How To Guide for adding the excel-export option in aurelia-slickgrid after versions 3.0.0, I have this error in registerExternalResources: []:
Also I imported and initialized it as ...
0
votes
0
answers
23
views
Share routes and other files between two or more Aurelia projects
I want my website and mobile application (runs in a WebView) share the same code. Both website and mobile application use <router-view></router-view>. I want my website to use different ...
0
votes
1
answer
103
views
Aurelia html attribute binding
I would like to bind html attribute "required".
I have my template and model. I do pass a lot of info like label value label.bind="fieldLabel" but I would like also pass if element ...
1
vote
1
answer
67
views
How to change aurelia slickgrid rowdetail "+" icon to another?
I am using the aurelia-slickgrid library with the "RowDetailView" option, where we have the following icon:
Is it possible to override maybe the gridOptions somewhere, or anywhere else in ...
1
vote
1
answer
335
views
How to use async function in keypress.delegate event
I need to pass an asynchronous function to a keypress event in my html
So far without an asynchronous function, my function must return true so that I can write to my input field otherwise I'm stuck
...
1
vote
0
answers
53
views
Cant pass value from one view model to another in aurelia
I have two views, in view two i have a select option in which if the user selects an option i would want it to be passed to view one.
this is what i tried
view 1 ts
public selectedOption:string;
view ...
0
votes
0
answers
57
views
Aurelia-slickgrid case insensitive search odata api
I am trying to search Names using column search bar in aurelia slickgrid. This works with backend odata api
d/Customers?$count=true&$filter=(IsActive%20eq%20true%20and%20contains(Name,%20%27So%27))...
0
votes
0
answers
112
views
Aurelia - how to change a date-picker value with pure JS (from outside the Aurelia Framework)
I'm building automation function to fill in the form in Aurelia framework app. I'm doing it from outside the framework (pure JS). I can change the "input" field value and everything works ...
0
votes
1
answer
92
views
User models and Auth0
I am developing an app in Aurelia which has a .net core backend. I have already implemented user Authentication with Auth0 in the frontend.
The problem comes as I am not sure if its good practice to ...
0
votes
1
answer
224
views
Specifying the configuration to be used when running an Aurelia application
I have created a default Aurelia Typescript application with the au new command from the Aurelia CLI.
At the root of the project, one finds a config directory containing environment.json and ...
1
vote
2
answers
581
views
How to add a readmore button if the length of a text is greater than a value
I am trying to show a read more button if a length of a comment is greater than 80 characters. this is how i check it
<tr repeat.for="m of comments">
<td if.bind="showLess"...
0
votes
1
answer
262
views
how to create an observable on a multi select drop down in aurelia
i currently have a dropdown that when a user goes and clicks on a single option it automatically gets me the value for filtering as an observable as follows
public months: any=[];
@observable
...
5
votes
2
answers
6k
views
cannot replace to directory /var/lib/docker/overlay2/if2ip5okvavl8u6jpdtpczuog/merged/app/node_modules/@ampproject/remapping with file
On my Windows machine, I am attempting to build a containerized node.js application with the following Dockerfile:
# use latest version of nodejs
FROM node:lts-alpine
# install aurelia-cli to ...
0
votes
1
answer
220
views
Detecting variable changes with Aurelia
Can i detect changes to a variable with aurelia?
I am able to detect the change of a type with @observable, but I am innterested in the change in a variables value
ex
a = 3 to a = 4 -> detect and ...
0
votes
1
answer
63
views
How to use gt/le operator in aurelia slickgrid with Odata
I want to send my own operator in odata request and not use the aurelia slickgrid inbuilt "eq" operator.
This is my column definition
{
id: 'LockoutEndDateUtc', name: 'Status'...
0
votes
1
answer
108
views
Updating an observable collection from a parent component in Aurelia
To better understand interactions between Aurelia components, I've separated the list component of the Todo List app in Aurelia's quick start documentation into its own class and corresponding view. ...
1
vote
1
answer
113
views
How to change private class variable by onChange event in Aurelia?
I want to listen to onChange event in a "odata-table" which is part of the aurelia-slickgrid library(https://github.com/ghiscoding/aurelia-slickgrid), take the value from that event and pass ...
0
votes
1
answer
130
views
in repeat.for how to index the first item in an array
I have a template that i want to load for the length of my array.So when i load the page first i want it to load the first item in the array and then when next is clicked it loads the next item.
this ...
0
votes
1
answer
77
views
Can't set my Aurelia apps response when making an API Request with Axios
I am trying to set my App's constructor object to the response made from an axios request when clicking on a button in my app but I keep getting this error
app.js:25 TypeError: Cannot set properties ...
1
vote
0
answers
40
views
Routing in Aurelia2
After I click Save Device, I want it to return to my default route where is list with all my devices, it adds a new Device but it show error on : "this.router.load("administration/agent-...
0
votes
1
answer
92
views
Aurelia Jest with aurelia-ui-virtualization plugin unit testing errors
We implemented a feature in a component using aurelia-ui-virtualization and all works well. The problem is that it broke almost all our of unit tests. It throws an error now.
TypeError: Cannot read ...
7
votes
0
answers
1k
views
Javascript fetch - catch error "Load Failed." What does this mean?
I am using an Aurelia web application and utilize the http.fetch to call upon various Web APIs.
To help debug I log any errors on the fetch using a catch statement, so something like this:
this.http....
2
votes
0
answers
284
views
Uncaught (in promise) ReferenceError: process is not defined when calling createRxDatabase in aurelia app
I am trying to use rxdb as a store for my aurelia app. I have not found a plugin that implements this aleady, so start writing my own solution. I am using aurelia-cli 2.0.3, aurelia-loader-nodejs 1.1....
1
vote
1
answer
57
views
how can i get row and parent width from bootstrap and aurelia app
Howto get bootstrap grid row or grid container width in pixels by aurelia.
I tried to find this on the bootstrap website but I'm still confused because there are several dimensions for width: col-xs, ...
0
votes
2
answers
805
views
Howto get bootstrap grid row or grid container width in pixels by javascript
Howto get bootstrap grid row or grid container width in pixels by javascript.
I'm using aurelia for javascript but the code can be in standard js (please no jquery).
I tried to find this on the ...
1
vote
0
answers
1k
views
Quill Editor: cannot paste any text, input loses focus
I'm trying to paste any random text into the [email protected] editor, but all of my paste events are pretty much ignored. In addition, the cursor disappears - ie, the <div> loses focus.
Do I have to ...
-1
votes
2
answers
92
views
Aurelia, converter use inside view model
Using Aurelia, i'm trying to use a converter inside a view model. But I don't know how to do it or if it's even possible.
With AngularJS, for example :
inside a view
<span>{{ 'hello' | uppercase ...
0
votes
0
answers
227
views
How to access observable values?
This is a model and I am trying to access its values. But value is in Symbol(_latestValue) and I am not sure how I can access that value.
define(['services/SessionService'],
function(SessionService) ...
0
votes
0
answers
143
views
Getting this error after installing node js, npm, aurelia-cli when building aurelia project repository using au build command on ubuntu
Getting this error after installing node js, npm, aurelia-cli when building aurelia project repository using au build command
nzafran@CN-176:/var/www/html/Magnfi-master$ au build
Local aurelia-cli ...
1
vote
1
answer
203
views
Aurelia to run https on dev environment
Currently I am working on an Aurelia app that is fully developed. In the dev environment, it is only serving http requests. Anyone could help me with adding https so can I can access the app through ...
0
votes
2
answers
123
views
Aurelia dynamically bound variable with template string
I am trying to set the dynamic id of a component within a component.
So the child component has a bindable uniqueId property.
The parent component has its own uniqueId which I am trying to keep into ...
0
votes
1
answer
82
views
Bundling pouchDB js library in Aurelia v1 app using requirejs
I'm facing errors while bundling the pouchDB js library in an Aurelia v1 app using the built-in requirejs bundler/module loader.
I isolated the issue in a minimal Aurelia application: these are the ...
0
votes
1
answer
86
views
Error: No Aurelia APIs are defined for the element: "DIV"
I am facing this issue with my newly started app.
Error: No Aurelia APIs are defined for the element: "DIV".
This is the call stack:
getAU webpack:///./node_modules/aurelia-binding/dist/...
0
votes
0
answers
119
views
Prevent Aurelia Bundle Browser Caching
I'm working on an older Aurelia application running aurelia-cli v1.3.1 and requirejs v2.3.2 and am experiencing some browser caching headaches. Clients are reporting that old content is showing and/or ...
1
vote
2
answers
435
views
How to show icon next to value in cloumn in aurelia slickgrid/slickgrid?
I want to show en edit icon next to value in Amount column. This is because the Amount column is actually editable.But to give that as a hint to user, i want to show some edit icon next to it. How to ...