# vNext

**URL:** https://discourse.aurelia.io/c/vnext/8.md?page=1

[Latest](https://discourse.aurelia.io/latest.md) · [Categories](https://discourse.aurelia.io/categories.md)

**Page:** 2

---

## [AU2 validation in conditionally rendered component](https://discourse.aurelia.io/t/au2-validation-in-conditionally-rendered-component/5507)

<div class="topic-metadata">

**Author:** [@StefanNj](https://discourse.aurelia.io/u/StefanNj)\
**Replies:** 10\
**Last updated:** [August 14, 2024, 9:20am UTC](https://discourse.aurelia.io/t/au2-validation-in-conditionally-rendered-component/5507 "2024-08-14T09:20:55Z")

</div>

I have an issue with validation controller reset on component detaching. Have conditionally rendered component with @bindable model and validation rules on that model. Validation works perfectly after first componen…

---

## [\[New release\] Au v2 beta 21](https://discourse.aurelia.io/t/new-release-au-v2-beta-21/5512)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 0\
**Last updated:** [August 8, 2024, 1:09pm UTC](https://discourse.aurelia.io/t/new-release-au-v2-beta-21/5512 "2024-08-08T13:09:30Z")

</div>

Happy Friday/Thursday folks! Beta 21 has finally arrived https://github.com/aurelia/aurelia/releases/tag/v2.0.0-beta.21 Please help try it out and create issues for any bugs/unexpected behaviors you run into. Also come…

---

## [\[New release\] Au v2 beta 20](https://discourse.aurelia.io/t/new-release-au-v2-beta-20/5491)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 7\
**Last updated:** [July 13, 2024, 7:08pm UTC](https://discourse.aurelia.io/t/new-release-au-v2-beta-20/5491 "2024-07-13T19:08:33Z")

</div>

Happy Sunday/Monday folks! Beta 20 has finally arrived https://github.com/aurelia/aurelia/releases/tag/v2.0.0-beta.20 Please help try it out and create issues for any bugs/unexpected behaviors you run into. Also come j…

---

## [Where is Aurelia 2's HTMLSanitizer?](https://discourse.aurelia.io/t/where-is-aurelia-2s-htmlsanitizer/5446)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 7\
**Last updated:** [July 3, 2024, 10:30am UTC](https://discourse.aurelia.io/t/where-is-aurelia-2s-htmlsanitizer/5446 "2024-07-03T10:30:58Z")

</div>

Aurelia 1 had an HTMLSanitizer interface. This is gone in Aurelia 2?

---

## [Transition plan for routes when parameters do not change](https://discourse.aurelia.io/t/transition-plan-for-routes-when-parameters-do-not-change/5431)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 6\
**Last updated:** [June 22, 2024, 8:51pm UTC](https://discourse.aurelia.io/t/transition-plan-for-routes-when-parameters-do-not-change/5431 "2024-06-22T20:51:34Z")

</div>

Using @aurelia/router-lite how can i get a route to reload if it uses the same component? In the documentation it states that “router-lite uses replace when the parameters are changed and none otherwise” @route({ rou…

---

## [How to configure global Aurelia DI container?](https://discourse.aurelia.io/t/how-to-configure-global-aurelia-di-container/5458)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 2\
**Last updated:** [June 22, 2024, 7:26pm UTC](https://discourse.aurelia.io/t/how-to-configure-global-aurelia-di-container/5458 "2024-06-22T19:26:29Z")

</div>

The documentation says (Dependency injection (DI) | The Aurelia 2 Docs) Services are usually resolved automatically via constructor injection. However, you can also resolve them manually: const profileService: Profil…

---

## [Suggestion for npx makes](https://discourse.aurelia.io/t/suggestion-for-npx-makes/5433)

<div class="topic-metadata">

**Author:** [@ah1508](https://discourse.aurelia.io/u/ah1508)\
**Replies:** 1\
**Last updated:** [June 19, 2024, 9:04am UTC](https://discourse.aurelia.io/t/suggestion-for-npx-makes/5433 "2024-06-19T09:04:13Z")

</div>

Hi all, Suggestion for npx makes: (i think it is already scheduled): add vite support. With webpack the package.json and webpack.config.js are frightening. ask if @aurelia/fetch-client should be added as a depende…

---

## [Constructor not called in Aurelia 2 components tests](https://discourse.aurelia.io/t/constructor-not-called-in-aurelia-2-components-tests/5454)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 3\
**Last updated:** [June 14, 2024, 10:29am UTC](https://discourse.aurelia.io/t/constructor-not-called-in-aurelia-2-components-tests/5454 "2024-06-14T10:29:06Z")

</div>

I have a component export class Echart { private \_container: HTMLDivElement; constructor() { console.log("Hallo") } and set a breakpoint at constructor() but it will never created unless a I add a @…

---

## [\[New release\] Au v2 beta 19](https://discourse.aurelia.io/t/new-release-au-v2-beta-19/5445)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 3\
**Last updated:** [June 14, 2024, 7:05am UTC](https://discourse.aurelia.io/t/new-release-au-v2-beta-19/5445 "2024-06-14T07:05:28Z")

</div>

Beta 19 is here! Release v2.0.0-beta.19 · aurelia/aurelia · GitHub Happy Wednesday folks! we got beta 19 to continue on version series from the previous \[new release\] Au v2 beta 18 Join the discussion here or head over…

---

## [Error injecting singletons in Aurelia 2](https://discourse.aurelia.io/t/error-injecting-singletons-in-aurelia-2/5444)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 12\
**Last updated:** [June 14, 2024, 4:21am UTC](https://discourse.aurelia.io/t/error-injecting-singletons-in-aurelia-2/5444 "2024-06-14T04:21:16Z")

</div>

For testing purposes, I create a DI container like: const container = DI.createContainer() // This works const numberValueConverter = container.get(NumberValueConverter) But when I want to inject another value convert…

---

## [How to get or create global DI container for testing](https://discourse.aurelia.io/t/how-to-get-or-create-global-di-container-for-testing/5443)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 11\
**Last updated:** [June 13, 2024, 3:29pm UTC](https://discourse.aurelia.io/t/how-to-get-or-create-global-di-container-for-testing/5443 "2024-06-13T15:29:11Z")

</div>

In Aurelia 1 I was able to configure a global DI container like: import {Container} from "aurelia-dependency-injection"; const container = new Container(); container.makeGlobal(); const bytesFormatValueConverter = conta…

---

## [How to access elements DOM for testing in Aurelia 2?](https://discourse.aurelia.io/t/how-to-access-elements-dom-for-testing-in-aurelia-2/5453)

<div class="topic-metadata">

**Author:** [@mreiche](https://discourse.aurelia.io/u/mreiche)\
**Replies:** 2\
**Last updated:** [June 13, 2024, 2:56pm UTC](https://discourse.aurelia.io/t/how-to-access-elements-dom-for-testing-in-aurelia-2/5453 "2024-06-13T14:56:27Z")

</div>

I followed the tutorial here https://docs.aurelia.io/developer-guides/overview/testing-components but the code resulting code leads to errors. tearDown is @deprecated ICustomElementViewModel.textContent does not ex…

---

## [\[new release\] Au v2 beta 18](https://discourse.aurelia.io/t/new-release-au-v2-beta-18/5432)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 0\
**Last updated:** [May 23, 2024, 1:05am UTC](https://discourse.aurelia.io/t/new-release-au-v2-beta-18/5432 "2024-05-23T01:05:06Z")

</div>

Beta 18 has arrived! Release v2.0.0-beta.18 · aurelia/aurelia · GitHub Happy Thursday folks! we got beta 18 to continue on our previous version series started at \[new release\] Au v2 beta 17 What’s Changed BREAKING CHA…

---

## [\[new release\] Au v2 beta 17](https://discourse.aurelia.io/t/new-release-au-v2-beta-17/5429)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 4\
**Last updated:** [May 22, 2024, 4:51pm UTC](https://discourse.aurelia.io/t/new-release-au-v2-beta-17/5429 "2024-05-22T16:51:45Z")

</div>

Happy coding folks! Beta 17 has arrived! https://github.com/aurelia/aurelia/releases/tag/v2.0.0-beta.17 Please give it a try and help report any issues you run into either via the repo issues or discord chat here Chan…

---

## [Aurelia 2 form submit - preventDefault()](https://discourse.aurelia.io/t/aurelia-2-form-submit-preventdefault/4223)

<div class="topic-metadata">

**Author:** [@milkshakeuk](https://discourse.aurelia.io/u/milkshakeuk)\
**Replies:** 11\
**Last updated:** [May 19, 2024, 4:35am UTC](https://discourse.aurelia.io/t/aurelia-2-form-submit-preventdefault/4223 "2024-05-19T04:35:49Z")

</div>

Hi, I have been playing with Aurelia 2 and it seems there might be a regression in regards to summitting forms. \<form role="form" submit.delegate="submit()"\> this used to work fine with Aurelia 1 but in aurelia 2 it s…

---

## [Sunday night round-table discussions](https://discourse.aurelia.io/t/sunday-night-round-table-discussions/5367)

<div class="topic-metadata">

**Author:** [@manks](https://discourse.aurelia.io/u/manks)\
**Replies:** 12\
**Last updated:** [April 1, 2024, 11:55am UTC](https://discourse.aurelia.io/t/sunday-night-round-table-discussions/5367 "2024-04-01T11:55:43Z")

</div>

Would anyone be interested in doing a Sunday night (hour-long) round-table to discuss Aurelia and other frameworks, like Svelte/SvelteKit? I’ve been going through the Svelte tutorials, and although I don’t like how it …

---

## [Using IRouteContext in plain JS](https://discourse.aurelia.io/t/using-iroutecontext-in-plain-js/5404)

<div class="topic-metadata">

**Author:** [@ged](https://discourse.aurelia.io/u/ged)\
**Replies:** 1\
**Last updated:** [April 16, 2024, 8:23am UTC](https://discourse.aurelia.io/t/using-iroutecontext-in-plain-js/5404 "2024-04-16T08:23:27Z")

</div>

Hi, I’m using router-lite and I’d like to use the navigation model in my component in a plain-JS Au2 app. In the docs it says to do: export class NavBar { private readonly navModel: INavigationModel; public construc…

---

## [Aurelia 2 keydown.trigger preventing default without a way to disable it](https://discourse.aurelia.io/t/aurelia-2-keydown-trigger-preventing-default-without-a-way-to-disable-it/4439)

<div class="topic-metadata">

**Author:** [@tareqimbasher](https://discourse.aurelia.io/u/tareqimbasher)\
**Replies:** 4\
**Last updated:** [March 15, 2024, 4:13am UTC](https://discourse.aurelia.io/t/aurelia-2-keydown-trigger-preventing-default-without-a-way-to-disable-it/4439 "2024-03-15T04:13:57Z")

</div>

In Aurelia 1, we could disable the preventDefault() call that the framework does internally when binding keydown.trigger by returning true from the event handler. In v2, this doesn’t seem to work, returning true from the…

---

## [Typescript to vanilla JS for injecting IHttpClient](https://discourse.aurelia.io/t/typescript-to-vanilla-js-for-injecting-ihttpclient/5272)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 5\
**Last updated:** [February 14, 2024, 9:48pm UTC](https://discourse.aurelia.io/t/typescript-to-vanilla-js-for-injecting-ihttpclient/5272 "2024-02-14T21:48:35Z")

</div>

What is this: import { IHttpClient } from '@aurelia/fetch-client'; import { newInstanceOf } from '@aurelia/kernel'; import { ICustomElementViewModel } from 'aurelia'; export class MyService { constructor(@newIn…

---

## [Au-compose in ts](https://discourse.aurelia.io/t/au-compose-in-ts/5349)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 8\
**Last updated:** [February 2, 2024, 6:50am UTC](https://discourse.aurelia.io/t/au-compose-in-ts/5349 "2024-02-02T06:50:34Z")

</div>

In html I can use \<au-compose component.bind="myComponent" my-prop.bind="myProp"\>\</au-compose\> Is there a functionality in Au2 where I can use this in typescript? I would like to do something like this (component/prope…

---

## [Router vs Router-lite](https://discourse.aurelia.io/t/router-vs-router-lite/5337)

<div class="topic-metadata">

**Author:** [@zeko77](https://discourse.aurelia.io/u/zeko77)\
**Replies:** 1\
**Last updated:** [January 13, 2024, 6:28pm UTC](https://discourse.aurelia.io/t/router-vs-router-lite/5337 "2024-01-13T18:28:48Z")

</div>

I 've been using aurelia/router for a long time and I have pretty much managed to bend it to my will. I noticed that a lot of dev-attention has been given to router-lite lately, so I have couple of questions: Why two ro…

---

## [What can we expect to see regarding v2 performance](https://discourse.aurelia.io/t/what-can-we-expect-to-see-regarding-v2-performance/4875)

<div class="topic-metadata">

**Author:** [@manks](https://discourse.aurelia.io/u/manks)\
**Replies:** 0\
**Last updated:** [August 15, 2022, 2:24am UTC](https://discourse.aurelia.io/t/what-can-we-expect-to-see-regarding-v2-performance/4875 "2022-08-15T02:24:31Z")

</div>

Check out the follow matrix comparing performance of most javascript libraries/frameworks. https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html Au v1 falls behind a little. I wond…

---

## [Module '"@aurelia/runtime-html"' has no exported member 'LifecycleFlags'](https://discourse.aurelia.io/t/module-aurelia-runtime-html-has-no-exported-member-lifecycleflags/5336)

<div class="topic-metadata">

**Author:** [@nnnn](https://discourse.aurelia.io/u/nnnn)\
**Replies:** 2\
**Last updated:** [January 5, 2024, 7:16pm UTC](https://discourse.aurelia.io/t/module-aurelia-runtime-html-has-no-exported-member-lifecycleflags/5336 "2024-01-05T19:16:50Z")

</div>

I am following this guide: https://docs.aurelia.io/tutorials/synthetic-view and associated repo Au2 synthetic view - StackBlitz, and I am using aurelia 2.0.0-beta.8. When I import LifecycleFlags like import { Lifecycl…

---

## [Use aurelia component in string from api](https://discourse.aurelia.io/t/use-aurelia-component-in-string-from-api/5334)

<div class="topic-metadata">

**Author:** [@nnnn](https://discourse.aurelia.io/u/nnnn)\
**Replies:** 1\
**Last updated:** [January 2, 2024, 8:10pm UTC](https://discourse.aurelia.io/t/use-aurelia-component-in-string-from-api/5334 "2024-01-02T20:10:39Z")

</div>

I get back a string from an api request I make in binding method. This string has text which may have a component like blah bloop beep shoop \<highlight\>shquerp merp derp\</highlight\> plerp. I have a highlight component …

---

## [Aurelia2 data-grid](https://discourse.aurelia.io/t/aurelia2-data-grid/5328)

<div class="topic-metadata">

**Author:** [@Sayan751](https://discourse.aurelia.io/u/Sayan751)\
**Replies:** 0\
**Last updated:** [December 18, 2023, 9:02pm UTC](https://discourse.aurelia.io/t/aurelia2-data-grid/5328 "2023-12-18T21:02:50Z")

</div>

Hi Guys! I have created a data-grid package for Aurelia2. It is CSS grid based, and gives you freedom to define your own content and header cell template in the markup in a declarative way. It supports static list as …

---

## [How to validate multiple checkboxes](https://discourse.aurelia.io/t/how-to-validate-multiple-checkboxes/5322)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 4\
**Last updated:** [December 12, 2023, 6:58pm UTC](https://discourse.aurelia.io/t/how-to-validate-multiple-checkboxes/5322 "2023-12-12T18:58:02Z")

</div>

Say I have an object like this: this.inputs = \[ { value: 1, text: '1', checked: false }, { value: 2, text: '2', checked: false } { value: 3, text: '3', checked: false } \] And add it the my view like this. \<di…

---

## [Component stylesheet not getting added to shadow root](https://discourse.aurelia.io/t/component-stylesheet-not-getting-added-to-shadow-root/5308)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 1\
**Last updated:** [November 24, 2023, 2:53pm UTC](https://discourse.aurelia.io/t/component-stylesheet-not-getting-added-to-shadow-root/5308 "2023-11-24T14:53:50Z")

</div>

I am trying to integrate shadowDom into an existing au2 project and am facing a couple of issues. I started of with following the documentation here. Adding this to my main.js file import bootstrap from ..... ... .regi…

---

## [Validation on select inputs](https://discourse.aurelia.io/t/validation-on-select-inputs/5285)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 2\
**Last updated:** [October 31, 2023, 7:12pm UTC](https://discourse.aurelia.io/t/validation-on-select-inputs/5285 "2023-10-31T19:12:28Z")

</div>

I have something like this: inputs = { make: { options: \[...\], value: '-1' }, model: { options: \[...\], value: '-1' } } validationRules .on(this.inputs.make) .ensure('value') …

---

## [Add nav:false to router-rite redirectTo option?](https://discourse.aurelia.io/t/add-nav-false-to-router-rite-redirectto-option/5276)

<div class="topic-metadata">

**Author:** [@ivan](https://discourse.aurelia.io/u/ivan)\
**Replies:** 2\
**Last updated:** [October 19, 2023, 7:58am UTC](https://discourse.aurelia.io/t/add-nav-false-to-router-rite-redirectto-option/5276 "2023-10-19T07:58:20Z")

</div>

I have something like this in my router-lite config: { path: '', redirectTo: 'home' } Would it be possible to add in the nav:false property to exclude it from the navigation model? Current workaround is to just filter…

---

## [propertyChanged in Au2](https://discourse.aurelia.io/t/propertychanged-in-au2/5256)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 4\
**Last updated:** [September 30, 2023, 5:45am UTC](https://discourse.aurelia.io/t/propertychanged-in-au2/5256 "2023-09-30T05:45:56Z")

</div>

In Au1 there was a hook called “propertyChanged()” to react to changes of bound properties. export class MyComponent { @bindable prop1: string; @bindable prop2: string; @bindable prop3: string; @bin…

[Previous page](https://discourse.aurelia.io/c/vnext/8.md)

[Next page](https://discourse.aurelia.io/c/vnext/8.md?page=2)