Posted By: Anonymous in Aurelia – I need to inject data from array of numbers, but it injected in first and no more. see in example that the number of index 0 was injected well but when the number is change, the view is not update. export class App { digits: number[] constructor() { this.digits …
Posted By: Anonymous I am building an autocomplete component. The plan is that I can slot in some markup for what I know the component is going to bind to. The idea is this could be any object rather than a simple display value and identifier. I have this working using templates but I am …
Posted By: Anonymous I have a project in VS2017. When I first created the project, the editor would automatically indent my next line of code appropriately. However, I ran the Aurelia CLI command au new –here and selected WebPack as my module loader and ASP.NET Core as my target platform. Everything seemed to go well, …
Posted By: Anonymous I have a list of users, every users have some roles. In aurelia html file I want to categorize the users. The incoming data has all the users chronologically by roles. So basically, if the user has a role1, show section title ROLE1 and list those users, then show ROLE2 and list …
Posted By: Anonymous I am using Aurelia’s Webpack example (https://aurelia.io/docs/build-systems/webpack/a-basic-example#basic-config-example) to setup my Webpack configuration: const { AureliaPlugin } = require(‘aurelia-webpack-plugin’) const HtmlWebpackPlugin = require(‘html-webpack-plugin’) const { resolve } = require(‘path’) module.exports = function(mode) { return { mode: mode || ‘development’, resolve: { extensions: [‘.ts’, ‘.js’], modules: [resolve(__dirname, ‘src’), resolve(__dirname, ‘node_modules’)], }, entry: { addOn: …
Posted By: Anonymous I need to get the router.name defined in the routes. Code <li repeat.for=”row of router.navigation” data=${row.name} </li> The code above does not get the route name. I know all of the information I need is in the NavModel but I don’t know how to access it in my above example using a …
Posted By: Anonymous I have a navmenu that renders routes via a repeat: <li repeat.for=”row of router.navigation” class=”${ row.isActive ? ‘link-active’ : ” }”> <a href.bind=”row.href” if.bind=”!row.settings.nav”>${ row.title }</a> I have a settings option set as so pos: “left”. I want to use the settings option that is set in each of the routes to …
Posted By: Anonymous I have an Aurelia app that works something like so: test.ts private testing:string; // The constructor and other methods get the testing from the database that contains clean/sanitized HTML (not malious or entered by a user) // An example: testing = "<i>Source:</i>This code is<br />old but it is okay."; Then in the …
Posted By: Anonymous Afternoon everyone, New to Aurelia and I’m having some trouble binding a different card to show when I click my link We are using Aurelia. This is my html. <div repeat.for=”card of cards” class=”dilemmacards-detail”> <p repeat.for=”paragraph of card.textSituation” model.bind=”paragraph”>${paragraph}</p> </div> <div click.trigger=”getRandomCard()”>Random card</div> I’ve skinned this down for reading purposes of course. …
Posted By: Anonymous I need to know what user of my Active Directory has started session in his machine because depending on which user is he can see a number of things or others. The web app is hosted in an IIS server part of the domain Any idea, please? Regards Solution You can’t get …
Posted By: Anonymous I have the following code in my typescript file: let body = document.body; // let body = document.body.cloneNode(true); body.querySelectorAll(‘button’).forEach(b => { b.removeAttribute(‘click.delegate’); }); I am trying to update and query the body of a dom page to make a new html document, but when I do this it updates the current one …
Posted By: Anonymous I have a custom element that adds items to a container. I have a “close” functionality that closes the container and clears the items so the user can start adding new ones. This works great for adding stuff and closing, but when I try to add new items after the custom element …
Posted By: Anonymous I am using an npm package (aurelia-google-maps) in my application. The package ships with AMD, System, CommonJS, Native Modules, and ES2015 dist folders like this: /node_modules/ /aurelia-google-maps/ /dist/ /amd /system /native-modules /es2015 /commonjs In my typescript app I am simply importing all the classes and functions as: import {Configure} from "aurelia-google-maps" Is …
Posted By: Anonymous I am using the aurelia-store state management library for managing state. This question is not specific to Aurelia store, but actually to redux best practices in general since Aurelia store is very much the same thing. I have an action that fetches unit updates from an API like so: export const fetchNewUnits …
Posted By: Anonymous I wanted to hide routes that were the user roles and I found THIS question on SO that is similar. I tried to implement it in my typescript project but its returning nothing and I am not sure why. This is my implementation as it stands. import { autoinject, bindable, bindingMode } …
Posted By: Anonymous In my custom element I have a bindable property “menu” which gets set from outside. My problem is that the “dish” properties which rely on the menu get queried before the menu property is set (so menu is undefined and the dishes can’t be retrieved). What can I do here? menu-control.ts: import …
Posted By: Anonymous Im new to ES6,Typscript & Aurelia as my question will show. I have a small aurelia application and I want to use selectizejs for the tagging function but bind it to a service I have setup within the application. My viewmodel.ts attached(){ $(‘#product_tags’).selectize({ delimiter: ‘,’, persist: false, load: function(query, callback) { if …
Posted By: Anonymous I’m trying to achieve the following result: I have a set of values that are coming from an array which I iterate over in order to populate an HTML table. As well I have an icon that user can hoover-over and can see data in there coming from the array and a …
Posted By: Anonymous Trying to get a custom watcher to work: var gulp = require(‘gulp’), shell = require(‘gulp-shell’); gulp.task(‘run-au’, shell.task([‘au build’])); gulp.task(‘build’, gulp.series(‘run-au’, () => { return gulp.src(‘./wwwroot/**/*.*’) .pipe(gulp.dest(‘../Something.Api/wwwroot’)); })); gulp.task(‘watch’, () => { gulp.watch(‘./src/**/*.*’).on(‘change’, gulp.series(‘build’)); }); Pretty straightforward, it works when I change something in src, but when it detects that change, it goes …
Posted By: Anonymous Mabey this is a stupid question. But here we go, I have one page with parent navigation that is setup in the “main” js file. That one works, but in one of the tabs I show a table that expands. Every row that I expand loads a module like this <detail-page></detail-page> In …
Posted By: Anonymous I wish to allow users to switch the entire color-scheme of my site with a buttonpress. I have 2 separate .less files with the same global variables, but different colors. The problem seems quite simple.. “swap 1 .less file for the other”. But how do I actually accomplish this? Of course, I …
Posted By: Anonymous I have a list of cards that i populate, when i click on each card i want to get and display the correct items displayed for that card. The problem i am facing is that when i return an array its not binding the correct item to the specific card. This is …
Posted By: Anonymous I have a Map<string, Map<string, boolean>> defined in my appConfig.json and when I try and get values from the map using .get() I get an error that it is not a function. This is in my appConfig.json “rolePermissions” : [ {“name” : “Admin”, “value” : [ {“name” : “customerList”, “value” : “true”}, …
Posted By: Anonymous I’ve been working on an Aurelia datagrid component, and I think it might be useful to others. It has a pretty clear API and some features I haven’t found in other Aurelia datagrids so far. I’m considering making it in to a plugin and publishing it. But before I put in a …
Posted By: Anonymous I followed the tutorial on aurelia website to install aurelia-cli. Everything works fine. Under src folder, I did npm install jspm and the project no longer builds. [Error running Gulp] I tried to add gulpfile.js but doesn’t work. Any idea what caused all these? Solution the problem is that aurelia-cli and jspm …
Posted By: Anonymous What do I want to achieve I want to update my current view based on an Id. So say that I have side navigation with the following tabs: Customer A Customer B Customer C What I want is that the user can click on Customer A and that the current customer view …
Posted By: Anonymous I have a configuration class that needs to load an xml file on starting my aurelia application. Now my problem is, that I have no Idea how to load that file so that I have the information present when I need them. In my current implementation I’m using the aurelia-fetch-client for reading …
Posted By: Anonymous I have some class variables which I want to modify in a function below but the value doesn’t appear to stick. export class Welcome { myLatitude = 0; //I want to modify this inside activate() myLongitude = 0; myMarkers = [ { latitude: -27.451673, longitude: 153.043981 } ]; activate() { var lat …
Posted By: Anonymous Is there any way to send let’s say config parameters when initializing an Aurelia app? <div aurelia-app=”my-app/main”></div> This is what I do to start my aurelia app and then <script> System.import(‘aurelia-bootstrapper’); </script> I’d like to do something like: <div aurelia-app=”my-app/main” param1=”something” param2=”false”></div> Right now I’m setting them as data-param1 attributes and then …
Posted By: Anonymous I’m new to Aurelia. And I’m browsing to some examples and saw this one. It has this page that lists(cars.js) all the cars and has a create button that redirects you to a different page where you can enter a new car(addCar.js), once you hit save, you’ll be redirected to the lists …
