एंगुलर 2

Question

में ui-select प्रतिस्थापन हम अपने मौजूदा कोणीय 1 प्रोजेक्ट को कोणीय 2 में ले जा रहे हैं और मौजूदा ui-select घटक को प्रतिस्थापित करना चाहते हैं।

मैंने googled किया है, लेकिन angular2 के लिए ui-select संस्करण नहीं मिला।

क्या किसी को भी बेहतर विकल्प मिला है?

Answer 1

ng2-select इसमें से कुछ करेंगे। लेकिन यह अभी तक गतिशील डेटा बाध्यकारी का समर्थन नहीं करता है।

वास्तव में, लगभग कोणीय के लिए लागू किसी भी तृतीय पक्ष प्लगइन्स को कोणीय 2 के लिए लागू नहीं किया गया है।

Answer 2

प्राइमएनजी की ड्रॉपडाउन या मल्टीइलेक्ट मदद कर सकता है।

http://www.primefaces.org/primeng/#/dropdown

या

http://www.primefaces.org/primeng/#/multiselect

Answer 3

कोणीय 2 के लिए विशेष रूप से विकसित घटकों के लिए, कोणीय 2. यह अभी भी बीटा में है, और प्रतिक्रिया का स्वागत है के लिए केंडो यूआई के DropDowns package देखते हैं।

Answer 4

यदि कोई भी ng2 पर माइग्रेट कर रहा है और एक संकर अनुप्रयोग चलाने की आवश्यकता है (एनजी 1 और एनजी 2 दोनों को चलाने के लिए क्रमशः एंगुलरजेएस और कोणीय कहा जाता है) तो एनजी 1 यूआई विगेट्स को लपेटना संभव है जो एनजी 1 घटकों (जैसे यूई- चयन करें) ng2 घटक टेम्पलेट्स के भीतर उपयोग के लिए। हमने इसे सफलतापूर्वक यूई-चयन के साथ किया है और यह बहुत अच्छा काम करता है। विशेष रूप से, @Directive एनोटेशन बाइंडिंग देखें।

import {Directive, ElementRef, Injector, Input} from '@angular/core'; 
 
import {UpgradeComponent} from '@angular/upgrade/static'; 
 
import {module, IComponentOptions} from 'angular'; 
 

 
class UiSelectComponent implements IComponentOptions { 
 

 
    public bindings: any = { 
 
    items: '<', 
 
    model: '<', 
 
    modelProperty: '@', 
 
    placeholder: '@', 
 
    renderProperty: '@', 
 
    selectProperty: '@' 
 
    }; 
 
    public template = ` 
 
    <ui-select ng-model="$ctrl.model[$ctrl.modelProperty]" class="form-control input-sm" required> 
 
     <ui-select-match placeholder="{{$ctrl.placeholder}}">{{$select.selected[$ctrl.renderProperty]}}</ui-select-match> 
 
     <ui-select-choices repeat="item[$ctrl.selectProperty] as item in $ctrl.items | filter: $select.search"> 
 
     {{item[$ctrl.renderProperty]}} 
 
     </ui-select-choices> 
 
    </ui-select> 
 
    `; 
 
} 
 

 
const selector = 'uiSelectWrapper'; 
 
export const UI_SELECT_COMPONENT = 'spinnaker.core.widget.uiSelect.component'; 
 
module(UI_SELECT_COMPONENT, []).component(selector, new UiSelectComponent()); 
 

 
@Directive({ 
 
    selector: 'ui-select-wrapper' 
 
}) 
 
export class UiSelectComponentDirective extends UpgradeComponent { 
 

 
    @Input() 
 
    public items: any[]; 
 

 
    @Input() 
 
    public model: any; 
 

 
    @Input() 
 
    public modelProperty: string; 
 

 
    @Input() 
 
    public placeholder: string; 
 

 
    @Input() 
 
    public renderProperty: string; 
 

 
    @Input() 
 
    public selectProperty: string; 
 

 
    constructor(elementRef: ElementRef, injector: Injector) { 
 
    super(selector, elementRef, injector); 
 
    } 
 
}

Answer 5

आप ng2-select की ngx-select-ex कांटा देखा है। ngx-select-ex में सिंगल सिलेक्ट, मल्टीइलेक्ट, सिलेटेड, ब्लर इवेंट का चयन 2 है। demo of ngx-select-ex