Как получать отборную стоимость SELECT в Угловом 4?

Я наставляю в Угловом framework 4, и у меня есть сомнение относительно Select, Я нуждаюсь в том, чтобы знать, что выбор выбирает пользователь моего Select.

Во мне App.component.html у меня есть этот код:

<select name="" id="cantidad" (change)="capturar()">
  <option *ngFor="let dato of datos">
    {{dato}}
  </option>
</select>

И в моем app.component.ts у меня есть этот:

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  datos;
  constructor(){
    this.datos=[1,2,3,4,5,6,7,8,9,10];
  }
  capturar(){

  }
}
2
задан 14.08.2019, 22:07
1 ответ

Это два способа, которые больше он рекомендует Угловой в Ваш documentaciГіn, Активируйте forms или Template-driven forms.

Пример с Reactive forms.

componen.html

<form [formGroup]="paisFormulario">
    <select id="pais" formControlName="pais">
        <option *ngFor="let p of paises" [ngValue]="p">{{ p }}</option>
    </select>
</form>

component.ts

        import { FormControl, FormGroup, Validators } from '@angular/forms';

            export class Component {

                paises: string[] = ['Mexico', 'España', 'Venezuela'];
                default: string = 'Mexico';

                paisFormulario: FormGroup;

                constructor() {
                    this.paisFormulario = new FormGroup({
                        pais: new FormControl(null)
                    });
                 // setValue es para agregarle un valor
                    this.paisFormulario.controls['pais'].setValue(this.default, 
 {onlySelf: true});
                // para obtenerlo necesitarias un get por ejemplo
              this.paisFormulario.get('pais');
                }
            }

Template-driven forms

Es примера, который поместил Блакк Сееп Template-driven forms, один два могут подавать тебя я жду и помогите тебе.

ты Можешь читать больше этого в https://angular.io/guide/forms-overview

0
ответ дан 03.12.2019, 11:20

Теги

Похожие вопросы