aurelia

I've followed the instructions at https://www.danylkoweb.com/Blog/getting-started-with-aurelia-in-aspnet-mvc-EH , step 3-5 to install Aurelia in to my asp.net mvc core app (i.e. running npm install, jspm init, jspm install aurelia-framework and jspm install aurelia-bootstrapper). My "startup code" just looks like this for now: <script src="jspm_packages/system.js"></script> <script src="config.js"></script> <script> SystemJS.import('aurelia-bootstrapper'); </script> When I run the application I can see on Chrome dev tools that a lot of Aurelia resources (js files) are loaded under the /jspm

I have an Aurelia application where the user can select the company they're currently "working on". Every page in the app is dependent on the currently selected company, and the user can select a new company from a drop-down menu. The drop-down is a component sitting on the nav-bar. What I'd like is to have that component reload the current page on the change.delegate handler without restarting the app. So setting window.location.href is out of the question. Is there a way to force the aurelia Router to reload the current route/page? The alternative would be to use the EventAggregator to

We're using the aurelia-cli . The tasks include these: build.json build.ts process-css.ts process-markup.ts process-sass.ts run.json run.ts test.json test.ts transpile.ts How if at all do we do a cache-busting solution the with cli? What we've tried already is to increment the number of the scripts directory, so that it goes scripts1 , scripts2 , scriptsN . Shaun Luttin 0.20.0 Support It's my lucky day. An aurelia-cli release from 8 hours ago says this: Features: Support bundle revision numbers Walkthru First, install 0.20.0 and create a new app. npm install aurelia-cli@">=0.20.0" -g au new my

I am able to run the Aurelia app by following the steps provided in getting started tutorial. They have used bootstrap nav-bar in the skeleton application. Is it possible to use JQuery UI components in the Aurelia app. If yes, please explain me how to achieve this. Thanks in advance. Yes, it's possible! I've made a jQueryUI Tabs example for you: tabs.html <template> <ul> <li repeat.for="tab of tabs"> <a href="${'#' + $parent.id + '-' + $index}">${tab.title}</a> </li> </ul> <div repeat.for="tab of tabs" id="${$parent.id + '-' + $index}"> <p>${tab.text}</p> </div> </template> As you can see, I

I am using aurelia and want to filter a collection (array) in view rather than in view model. I am trying the following syntax to do so: <div class="col-sm-7 col-md-7 col-lg-7 ${errors.filter(function(err){return err.Key==='car.Model';}).length >0? 'alert alert-danger' :''}"> <span repeat.for="error of errors"> <span if.bind="error.Key==='car.Model'"> ${error.Message} </span> </span> </div> And I am getting following error in browser console: Error: Parser Error: Missing expected ) at column 28 in [errors.filter(function(err){return err.Key==='car.Model';] . This is possible in angularJS as

I wrote a minimal test page to try out Aurelia. http://www.andrewgolightly.com/ GitHub: https://github.com/magician11/ag-landingpage My last test, showed it took 55 seconds to load the page with 135 requests. It seems I need to bundle the jspm_packages directory first so that the 543KB gets downloaded at once.. and not in pieces. So given I followed this example: http://aurelia.io/get-started.html How do I bundle the packages? It's not clear to me from https://github.com/jspm/jspm-cli/wiki/Production-Workflows And then what do I update in my index.html file? And I'll still need to include the

Let's say I have an array of elements and in addition to displaying the list in my app, I want to sync the list to the server with HttpClient . How can I observe changes to the array? I tried: @inject(ObserverLocator) export class ViewModel { constructor(obsLoc) { this.list = []; obsLoc.getObserver(this, 'list'); .subscribe(li => console.log(li)); } } But I got neither error nor log message. Jeremy Danyow getObserver returns a property observer which will notify you when the ViewModel class instance's list property changes. This will only happen when you assign a new value to the list property