Winkel-2 ng-wählen Sie, wie Sie festlegen, ausgewählte Wert durch die Verwendung von template-Ausdruck

Winkel-2 ng-wählen Sie, wie Sie festlegen, ausgewählten Wert mit Vorlage. Zum Beispiel so etwas wie dieses,

<ng-select
          [options]="[{label : "first", value : "1"}, {label : "second", value : "2"}]"
          **[value]="'1'"**
          [multiple]="false">
</ng-select>

Ich bin mit angular2-wählen Sie npm-Paket. Ich hätte gerne Input-Attribut die Aufgabe statt ngModel.

InformationsquelleAutor Raj | 2017-03-26

  1. 1

    Hab ich die Lösung für dieses problem, indem er ng-Komponente auswählen mit benutzerdefinierten Komponente.

      @Component({
  selector: 'ice-select',
  templateUrl: './ice-select.component.html',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => IceSelectComponent),
      multi: true
    }
  ]
})

    Und implementiert-interface Methoden für 'ControlValueAccessor" in Komponente.

    export class IceSelectComponent implements ControlValueAccessor, OnInit {

      public writeValue(value: any) {
        this.selectedValue = value;
      }

      public registerOnChange(fn) {
        this.propagateChange = fn;
      }

      public registerOnTouched(fn){
        this.propagateTouched = fn;
      }
}

    HTML-Vorlage,

    <ng-select
           [options]="options"
           [multiple]="false"
           [noFilter]="100"
           [allowClear]="true"
           [notFoundMsg]= "'No records found'"
           placeholder="Select"
           (selected)="onSelect($event)"
           (deselected)="onRemove($event)"
           [(ngModel)]="selectedValue"
></ng-select>
    Kannst du bitte mehr details hinzufügen? Ich bin gespannt zu erfahren, wie Sie übergeben Ihre Daten zu [(ngModel)]= selectedValue
    'selectedValue' ist in diesem Fall eine öffentliche variable definiert innerhalb 'IceSelectComponent'. Die "selectedValue' wird aktualisiert, indem 'writeValue" - Funktion, die aufgerufen wird, die von 'ControlValueAccessor" - Schnittstelle, wenn form-Modelle ändern.

    InformationsquelleAutor Raj

Schreibe einen Kommentar