Question

我正在开发一个角度为8的应用程序，而且我还很新。我有一个与另一个相关的班级。在这种情况下，PLU具有相关的单位在我的表单中，我使用“ SELECT”，但是我有很多问题。只有一个“ .html”可以添加和更新PLU，为什么它是同一页。

在我的.TS

    @Component({
      selector: 'app-plu',
      templateUrl: './plu.component.html',
      styleUrls: ['./plu.component.css'],

    })

    export class PluComponent implements OnInit {
      public departamentos: Departamento[];
      public plu: PLU;
      public departamentoSeleccionado: Departamento; //Is null on init

    ///...more variabes
    ngOnInit() {

        this.route.params.subscribe( (pluSingle) => {
            this.cargarPLU(pluSingle.id);
          });
      }


    cargarPLU(pluSingle: number){
        if(pluSingle == 0){
          this.cargarDatos();
          let precios = new Array<Precio>(); 
          let precio: Precio;
          let precioKey: PrecioKey;
          let fecha = new Date().toUTCString();
          precioKey = new PrecioKey(fecha, 0, 0, null, this.sucursal);
          precio = new Precio(precioKey, null, this.moneda, 0, 0);
          precios.push(precio);
          this.plu = new PLU(0, '', '', '', '', '', '', false, 0, this.departamentoSeleccionado, null, this.tipoPluSeleccionado,
          null, null, null,
          this.etiquetaSeleccionda, this.unidadPeso, null, null, precios );
        } else{

          this.pluService.get(pluSingle).subscribe(
            (plu: PLU) => {
                    this.plu = plu;
                    this.cargarPrecios();
                    this.cargarDatos();
          });
        }
      }
 compararNombres( ciudad1: Departamento, ciudad2:Departamento) {
    if (ciudad1 == null || ciudad2 == null) {
      return false;
    }
    return ciudad1.nombre === ciudad2.nombre;
  }


     ///.......more methor
    }

我的.html

部门

                    <select name="idDepartamento" [(ngModel)]="plu.idDepartamento" [compareWith]="compararNombres" >
                        <option *ngFor="let departamento of departamentos"   [ngValue] ="departamento"> {{ departamento.nombre }} </option>
                   </select></label>

当plu.idDepartamento（编辑）不为null时，这可以正常工作。当我想添加新的PLU时，我需要一个部门预选，但是这是不可能的。我该怎么办？还是我做错了什么？

任何帮助对我都很重要

Angular8 SELECT和OPTION-无法选择一个选项

0 个答案: