2016-09-09 3 views
3

Ich versuche, die PrimeNg fällt nach unten auf Seite Initialisierung wie folgt zu deaktivierenAngular 2 RC6 PrimeNG p-Drop-Down nicht von der Komponente deaktiviert immer

this.searchForm = this.formBuilder.group({ 
     dropdown: [{value: '', disabled: true}] 
    }); 

Aber dies gibt einen Fehler auf Browser Last wie folgt:

this.valueAccessor.setDisabledState is not a function 

ich verwende PrimeNG in HTML fallen sich wie folgt:

 <p-dropdown [options]="[{label: 'Any', value: ''},{label: 'Active', value: 'active'},{label: 'Inactive', value: 'inactive'}]" id="dropdown" formControlName="dropdown" name="dropdown"> 
     </p-dropdown> 

Nicht sicher, ob Primen g unterstützt diese Änderung nicht von eckig oder ich mache etwas falsch. Jede Hilfe wird geschätzt. Vielen Dank.

Antwort

0

Dies wird in PrimeNG Beta 16 unterstützt werden

+0

Danke für die Info. Ihre Antwort korrekt zu formulieren, da sie die gleichen Informationen vom PrimeNG Community Forum erhalten hat. –

+0

Es ist jetzt implementiert -> https://github.com/primefaces/primeng/issues/883 –

1

Html:

<div class="ui-g-2 labelDiv"> 
     <p-dropdown [disabled]="disabled" [options]="themesList" formControlName="theme" (onChange)="onThemeSelect()"></p-dropdown> 
</div> 

Komponente:

disabled: Boolean; 
this.themeForm = this.fb.group({ 
    theme: [{ value: theme, disabled: true}, [], ] 
}); 

Dies funktioniert in meiner app fein .... RC6 primeNg beta15 ...

+0

danke John für die schnelle Antwort. Aber ich habe das versucht und es gibt eine Warnung unten. 'Es sieht so aus, als ob Sie das deaktivierte Attribut mit einer reaktiven Formularanweisung verwenden. Wenn Sie beim Einrichten dieses Steuerelements in der Komponentenklasse "deaktiviert" auf " " setzen, wird das deaktivierte Attribut tatsächlich im DOM für festgelegt. Wir empfehlen, diesen Ansatz zu verwenden, um Fehler nach Änderungen zu vermeiden. –

+0

Ich habe meine Antwort nach dem Testen Ihres Angebots geändert. Ich habe den gleichen Fehler wie bei der Verwendung von [disable] im html, aber die vorgeschlagene Lösung in der Fehlermeldung funktionierte für mich einwandfrei. –

+0

Kein Glück, Immer noch die Fehlermeldung "this.valueAccessor.setDisabledState ist keine Funktion" –

Verwandte Themen