Styjun

Overlapping String-Blocks

Who won a Game of Bar Dice?

How to safely destroy (a large quantity of) valid checks?

Non-aqueous eyes?

Is it possible to fly backward if you have a 'really strong' headwind?

Why does R 3.6.0 return FALSE when evaluating the expression ("Dogs" < "cats")?

Longest bridge/tunnel that can be cycled over/through?

How to communicate to my GM that not being allowed to use stealth isn't fun for me?

Extreme flexible working hours: how to get to know people and activities?

Fermat's statement about the ancients: How serious was he?

How creative should the DM let an artificer be in terms of what they can build?

Let M and N be single-digit integers. If the product 2M5 x 13N is divisible by 36, how many ordered pairs (M,N) are possible?

How can I end combat quickly when the outcome is inevitable?

Has there been a multiethnic Star Trek character?

Projective subvarieties of a quasiprojective variety

sed + add word before string only if not exists

Is there a set of positive integers of density 1 which contains no infinite arithmetic progression?

How to handle (one's own) self-harm scars (on the arm), in a work environment?

Why this script works well in bash but not in dash

Why 1,2 printed by a command in $() is not interpolated?

Which languages would be most useful in Europe at the end of the 19th century?

Active low-pass filters --- good to what frequencies?

What is the color of artificial intelligence?

Generate basis elements of the Steenrod algebra

Show selected items on footer template and allow to deselect from footer (ng-Select)

Select columns from result set of stored procedureGet selected text from a drop-down list (select box) using jQueryHow do I UPDATE from a SELECT in SQL Server?MySQL select 10 random rows from 600K rows fastBlank HTML SELECT without blank item in dropdown listHow can I select an element in a component template?show class for only clicked item angular 2How to select a default option in ng2 using child componentHow to wrap an Angular Component and pass ng-template from outer to inner componentangular 6 ng-select how to set item selected in drop down list by using template expression

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I am working with ng-select and i have a scenario where i get dropdown items from server.When i select multiple items and change query then there is no way to see which items are selected.

is there any way that all selected items should shown in footer like drop down and i should be able to unselect items from footer.
Here is my ng-select code:

<ng-select class="custom" #ctx
 [class.dropDownItems]="control.multiple"
 [class.singleOption]="!control.multiple"
 *ngIf="control"
 [id]="control.id"
 [items]="isAjax ? (itemsBuffer) : control.options"
 [(ngModel)]="value"
 [virtualScroll]="isAjax"
 (scrollToEnd)="isAjax ? fetchMore(ctx.filterValue) : ''"
 bindLabel="label"
 [loading]="isAjax ? optionsLoading : ''"
 [typeahead]="isAjax ? optionsInput$ : ''"
 [title]="control.placeholder"
 [disabled]="control.disabled"
 [multiple]="control.multiple"
 [required]="control.required"
 (change)="onChange($event)"
 [closeOnSelect]="!control.multiple"
 [clearable]="false"
 [searchable]="false">

 <ng-template *ngIf="control.multiple"ng-header-tmp>
 <input style="width: 100%; line-height: 24px" type="text" (input)="ctx.filter($event.target.value)" autofocus/>
 <input type="checkbox" id="select1" name="select"[(ngModel)]="select" (click)="Select(ctx)"/>
 <label class="form-check-label" for="select1" style="color: black;padding-left: 3px">
 <b>SELECT ALL</b>
 </label>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-option-tmp let-item="item" let-item$="item$" let-index="index">
 <input id="item-2index" type="checkbox" [ngModel]="item$.selected"/>
 <span style="font-size: small;padding-left: 3px">item.label</span>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-multi-label-tmp let-items="items" >
 <div class="ng-value" *ngFor="let item of (items ? items.slice(0,1): [])">
 <span class="ng-value-label">item.label</span>
 </div>
 <div class="ng-value" *ngIf="items.length > 1" >
 <span class="ng-value-label">(+items.length - 1) </span>
 </div>
 </ng-template>

 <ng-template >
 <!--All selected items should appear here and i should be able to deSelect 
 items from here
 </ng-template>
</ng-select>

angular select drop-down-menu angular-ngselect

share|improve this question

asked Mar 24 at 19:15

saeedsaeed

297

add a comment | 

0

I am working with ng-select and i have a scenario where i get dropdown items from server.When i select multiple items and change query then there is no way to see which items are selected.

is there any way that all selected items should shown in footer like drop down and i should be able to unselect items from footer.
Here is my ng-select code:

<ng-select class="custom" #ctx
 [class.dropDownItems]="control.multiple"
 [class.singleOption]="!control.multiple"
 *ngIf="control"
 [id]="control.id"
 [items]="isAjax ? (itemsBuffer) : control.options"
 [(ngModel)]="value"
 [virtualScroll]="isAjax"
 (scrollToEnd)="isAjax ? fetchMore(ctx.filterValue) : ''"
 bindLabel="label"
 [loading]="isAjax ? optionsLoading : ''"
 [typeahead]="isAjax ? optionsInput$ : ''"
 [title]="control.placeholder"
 [disabled]="control.disabled"
 [multiple]="control.multiple"
 [required]="control.required"
 (change)="onChange($event)"
 [closeOnSelect]="!control.multiple"
 [clearable]="false"
 [searchable]="false">

 <ng-template *ngIf="control.multiple"ng-header-tmp>
 <input style="width: 100%; line-height: 24px" type="text" (input)="ctx.filter($event.target.value)" autofocus/>
 <input type="checkbox" id="select1" name="select"[(ngModel)]="select" (click)="Select(ctx)"/>
 <label class="form-check-label" for="select1" style="color: black;padding-left: 3px">
 <b>SELECT ALL</b>
 </label>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-option-tmp let-item="item" let-item$="item$" let-index="index">
 <input id="item-2index" type="checkbox" [ngModel]="item$.selected"/>
 <span style="font-size: small;padding-left: 3px">item.label</span>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-multi-label-tmp let-items="items" >
 <div class="ng-value" *ngFor="let item of (items ? items.slice(0,1): [])">
 <span class="ng-value-label">item.label</span>
 </div>
 <div class="ng-value" *ngIf="items.length > 1" >
 <span class="ng-value-label">(+items.length - 1) </span>
 </div>
 </ng-template>

 <ng-template >
 <!--All selected items should appear here and i should be able to deSelect 
 items from here
 </ng-template>
</ng-select>

angular select drop-down-menu angular-ngselect

share|improve this question

asked Mar 24 at 19:15

saeedsaeed

297

add a comment | 

I am working with ng-select and i have a scenario where i get dropdown items from server.When i select multiple items and change query then there is no way to see which items are selected.

is there any way that all selected items should shown in footer like drop down and i should be able to unselect items from footer.
Here is my ng-select code:

<ng-select class="custom" #ctx
 [class.dropDownItems]="control.multiple"
 [class.singleOption]="!control.multiple"
 *ngIf="control"
 [id]="control.id"
 [items]="isAjax ? (itemsBuffer) : control.options"
 [(ngModel)]="value"
 [virtualScroll]="isAjax"
 (scrollToEnd)="isAjax ? fetchMore(ctx.filterValue) : ''"
 bindLabel="label"
 [loading]="isAjax ? optionsLoading : ''"
 [typeahead]="isAjax ? optionsInput$ : ''"
 [title]="control.placeholder"
 [disabled]="control.disabled"
 [multiple]="control.multiple"
 [required]="control.required"
 (change)="onChange($event)"
 [closeOnSelect]="!control.multiple"
 [clearable]="false"
 [searchable]="false">

 <ng-template *ngIf="control.multiple"ng-header-tmp>
 <input style="width: 100%; line-height: 24px" type="text" (input)="ctx.filter($event.target.value)" autofocus/>
 <input type="checkbox" id="select1" name="select"[(ngModel)]="select" (click)="Select(ctx)"/>
 <label class="form-check-label" for="select1" style="color: black;padding-left: 3px">
 <b>SELECT ALL</b>
 </label>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-option-tmp let-item="item" let-item$="item$" let-index="index">
 <input id="item-2index" type="checkbox" [ngModel]="item$.selected"/>
 <span style="font-size: small;padding-left: 3px">item.label</span>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-multi-label-tmp let-items="items" >
 <div class="ng-value" *ngFor="let item of (items ? items.slice(0,1): [])">
 <span class="ng-value-label">item.label</span>
 </div>
 <div class="ng-value" *ngIf="items.length > 1" >
 <span class="ng-value-label">(+items.length - 1) </span>
 </div>
 </ng-template>

 <ng-template >
 <!--All selected items should appear here and i should be able to deSelect 
 items from here
 </ng-template>
</ng-select>

angular select drop-down-menu angular-ngselect

share|improve this question

asked Mar 24 at 19:15

saeedsaeed

297

<ng-select class="custom" #ctx
 [class.dropDownItems]="control.multiple"
 [class.singleOption]="!control.multiple"
 *ngIf="control"
 [id]="control.id"
 [items]="isAjax ? (itemsBuffer) : control.options"
 [(ngModel)]="value"
 [virtualScroll]="isAjax"
 (scrollToEnd)="isAjax ? fetchMore(ctx.filterValue) : ''"
 bindLabel="label"
 [loading]="isAjax ? optionsLoading : ''"
 [typeahead]="isAjax ? optionsInput$ : ''"
 [title]="control.placeholder"
 [disabled]="control.disabled"
 [multiple]="control.multiple"
 [required]="control.required"
 (change)="onChange($event)"
 [closeOnSelect]="!control.multiple"
 [clearable]="false"
 [searchable]="false">

 <ng-template *ngIf="control.multiple"ng-header-tmp>
 <input style="width: 100%; line-height: 24px" type="text" (input)="ctx.filter($event.target.value)" autofocus/>
 <input type="checkbox" id="select1" name="select"[(ngModel)]="select" (click)="Select(ctx)"/>
 <label class="form-check-label" for="select1" style="color: black;padding-left: 3px">
 <b>SELECT ALL</b>
 </label>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-option-tmp let-item="item" let-item$="item$" let-index="index">
 <input id="item-2index" type="checkbox" [ngModel]="item$.selected"/>
 <span style="font-size: small;padding-left: 3px">item.label</span>
 </ng-template>

 <ng-template *ngIf="control.multiple" ng-multi-label-tmp let-items="items" >
 <div class="ng-value" *ngFor="let item of (items ? items.slice(0,1): [])">
 <span class="ng-value-label">item.label</span>
 </div>
 <div class="ng-value" *ngIf="items.length > 1" >
 <span class="ng-value-label">(+items.length - 1) </span>
 </div>
 </ng-template>

 <ng-template >
 <!--All selected items should appear here and i should be able to deSelect 
 items from here
 </ng-template>
</ng-select>

angular select drop-down-menu angular-ngselect

angular select drop-down-menu angular-ngselect

share|improve this question

asked Mar 24 at 19:15

saeedsaeed

297

share|improve this question

asked Mar 24 at 19:15

saeedsaeed

297

asked Mar 24 at 19:15

saeedsaeed

297

asked Mar 24 at 19:15

saeedsaeed

297