2016-04-11 47 views
0

angularjs, ben Select2 görünümünü kullanmak istiyorum ama çalışmıyor, benim kodudur: htmljQuery dart seçmiş ve ben Dart ve angularjs 2 ile çalışıyorum 2

<div class="form-group"> 
<label for="nivelEducativo" class="col-sm-2 control-label">Nivel Educativo</label> 
<div class="col-sm-4"> 
<select class="select_profession form-control" id="nivelEducativo" 
*ngIf="paramsByTypeCode != null" [(ngModel)]="model.situacionEducativaId"> 
    <option *ngFor="#param of paramsByTypeCode['PRT014']" 
    value="{{param.id}}">{{param.nombre}}</option> 
</select> 
</div> 
</div> 
... 
<script> 
    function __selectProfession(selector) { 
    $(selector).select2({ 
    placeholder: "Select One", 
    allowClear: true 
    }); 
} 
</script> 

yılında

kodu Dart

void ngAfterViewInit(){ 
    new Timer(new Duration(seconds: 1),()=>js.context.callMethod('__selectProfession',[".select_profession"])); 
    } 

kod Select2 çalışmaz, ama ben kaldırırsanız ngIf Select2 çalışmalarını etiketlemek ama mesleklerin listesini göstermez, Select2 angular2 olmadan iyi çalışır. Bilmek istiyorum, onunla nasıl çalışabilirim?

Herkese teşekkürler. paramsByTypeCodenull aksi *ngIf DOM kaldırır ve jQuery bulamıyorum bile yerine

*ngIf="paramsByTypeCode != null" 

kullanım

[hidden]="paramsByTypeCode == null" 

ait

cevap

1

Ardından eleman bulunmaktadır.

ben bu kodun niyeti

new Timer(new Duration(seconds: 1),()=>js.context.callMethod('__selectProfession',[".select_profession"])); 

ne olduğundan emin değilim ama

new Future.delayed(new Duration(seconds: 1),()=>js.context.callMethod('__selectProfession',[".select_profession"])); 
+0

Ben etiketi [gizli] koymak olmalıyım, ama aynı, select2 denir ama mesleğin listesi gösterilmez, boş, etiket ngif ile liste boş değil ama select2 olarak çalışmıyor – Ronald

+0

Bir Plunker sağlayabilir misiniz? Bu widget'lara aşina değilim ama eğer bir Plunker sağlıyorsan neler olup bittiğine bakabilirim. –