В Angular Material Design 6 метод (изменение) был удален. Как мне заменить метод изменения для выполнения кода в компоненте, когда пользователь меняет выбор?

Fernando Lacoumette

Ответов: 6

Ответы (6)

Изменено с изменить на selectionChange.


теперь


https://material.angular.io/components/select/api

Если вы используете реактивные формы, вы можете отслеживать изменения в элементе управления, например, так ..

this.form.get('mySelectControl').valueChanges.subscribe(value => { ... do stuff ... })

У меня ... (click) = "myFunction ()" ... сработало; ничего сверху.

Для меня (selectionChange) и предложенный (onSelectionChange) не сработал, и я не использую ReactiveForms. В итоге я использовал событие (valueChange), например:


И это сработало для меня

У меня сегодня проблема с mat-option-group. То, что решило мне проблему, используется в другом предоставленном событии mat-select: изменение значения

Я поместил сюда небольшой код для понимания:


  Filter By
   

    -- None --
      
        
          {{option.viewValue}}
        
      
  


Версия коврика:

"@ angular / material": "^ 6.4.7",

Для:

1) mat-select (selectionChange) = "myFunction ()" работает в angular как:

sample.component.html

 
     
       {{option}}
     
 

sample.component.ts

actions=['A','B','C'];
onChange() {
  //Do something
}

2) Простой html select (change) = "myFunction ()" работает в angular как:

sample.component.html


sample.component.ts

onChange() {
  //Do something
}

2022 WebDevInsider