this.countries = this.selectService.getCountries(); this.onSelect(this.selectedCountry.id); } onSelect(countryid) { this.states = this.selectService.getStates().filter((item) => item.countryid == countryid); } } cascading-dropdown-angular.stackblitz.io...
const textbox: HTMLElement = document.querySelector( '.k-textbox .k-input-inner' ); textbox.focus(); } onValueChange(e) { console.log(e); } } Compiling application & starting dev server… angular-o5j3gp-d6bust.stackblitz.io Console Clear on reload...
I think this is related to core form functionality and firstly should be changed there.angular/angular#11447. Also to get all values you could use this.testForm.valueChanges.subscribe((data:any)=>{this.form_data=this.testForm.getRawValue();}); ...
console.log('onchange ', deviceValue) }getValueChange(val) { const selectedOption = this.countries.find(x => x.name == val); this.selectedCountry = selectedOption.id; this.onChange(selectedOption); }}angular-dropdown-65tfxg.stackblitz.io Console Clear on reload...
{ text: "Female", value: 2 } ]; public gender: { text: string, value: number }; public myForm: FormGroup = new FormGroup({ gender: new FormControl() }); } angular-kendo-dropdown-list.stackblitz.io Console Clear on reload