CRM documentation
  1. Components
  2. TagInputItemComponent

File

src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts

Metadata

selector crm-tag-input-item
styleUrls tag-input-item.component.scss
templateUrl ./tag-input-item.component.html

Index

Methods
Inputs
Outputs

Constructor

constructor()
Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:14

Inputs

index

Type: number

Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:12
readonly

Type: boolean

Default value: false

Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:13
selected

Type: boolean

Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:10
text

Type: string

Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:11

Outputs

tagRemoved $event type: EventEmitter<number>
Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:14

Methods

removeTag
removeTag()
Defined in src/app/shared/components/tag-input/tag-input-item/tag-input-item.component.ts:18
Returns : void 
import {Component, Input, Output, EventEmitter} from "@angular/core";

@Component({
  selector: 'crm-tag-input-item',
  templateUrl: './tag-input-item.component.html',
  styleUrls: ['./tag-input-item.component.scss']
})
export class TagInputItemComponent {

  @Input() selected: boolean;
  @Input() text: string;
  @Input() index: number;
  @Input() readonly: boolean = false;
  @Output() tagRemoved: EventEmitter<number> = new EventEmitter();

  constructor() { }

  removeTag() {
    this.tagRemoved.emit(this.index);
  }

}

{{text}}
<span class="close" (click)="removeTag()" *ngIf="!readonly"> &times;</span>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""