ierhalim

"Basit olarak tanımlanan bileşeni sarmallayan bileşin dökümantasyonu"

save-button

Tüm projede kaydetme işlemleri için kullanılacak olan buton tipidir.

Parametreleri

Parametre	Tip	Açıklama
badge	string	Tanımlanan değeri buton üzerinde bir rozet olarak gösterir.
badgeClass	string	Tanımlanmış olan rozetin sınıfı.
loading	boolean	Butonun loading durumumu belirtir, true ataması yapıldığında butonu loading durumuna geçirir.

ierhalim

"Karmaşık olarak tanımlanan bileşeni sarmallayan bileşin dökümantasyonu"

country-selector

Proje içerisinde ülke seçim aracı olarak kullanılır.

Parametreleri

Parametre	Tip	Açıklama
ariaFilterLabel	string	Filtre input'u içerisindeki aria-label değeri.
checkbox	boolean	True olarak tanımlandığında checkbox kullanarak seçim yapmaya yarar.
disabled	boolean	Seçim aracının etkileşimine açık olup olmadığını belirtir, true ataması yapıldığında bileşeni kullanıcı etkileşimine kapatır.

ierhalim

"Karmaşık olarak tanımlanmış bir bileşene eklenmiş olan özelliğin kullanım dökümanı"

countryList

Bir PrimeNG list-box' ına Ülke seçimi için gerekli özelliklerin tanımlanmasını sağlar.

Parametreleri Bu niteliğin bir parametresi yoktur.

Olaylar Bu niteliğin bir olayı yoktur.

ierhalim

"Basit olarak tanımlanan bileşene eklenmiş olan özelliğin dökümanı"

saveButton

Bir PrimeNG butonuna kayıt işlemleri için gerekli özelliklerin tanımlanmasını sağlar.

Parametreleri Bu niteliğin bir parametresi yoktur.

Olaylar Bu niteliğin bir olayı yoktur.

ierhalim

import { Directive, Inject, Input, TemplateRef } from "@angular/core";
import { APP_TEMPLATE_CONSUMER_ACCESSOR, TemplateConsumer } from "./models/TemplateConsumer";

@Directive({
    selector: '[appTemplate]'
})
export class TemplateDirective {

    constructor(
        // Injecting  the component instance that provides APP_TEMPLATE_CONSUMER_ACCESSOR

ierhalim

function appMyList(data, itemTemplate, emptyTemplate) {
    let htmlContent = `<div class='my-list'>`;
    if (!!data && data.length > 0) {
        for (let item of data) {
            htmlContent += `<div class='list-item'> ${itemTemplate(item)}</div>`;
        }
    } else {
        htmlContent += emptyTemplate();
    }
    htmlContent += `</div>`;

ierhalim

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <app-my-list 
      [data]="employeeList"
      [itemTemplate]="myTemplate"
      [emptyTemplate]="noDataTemplate"
      >

ierhalim

<p-table [value]="products">
    <ng-template pTemplate="header">
        <tr>
            <th>Code</th>
            <th>Name</th>
            <th>Category</th>
            <th>Quantity</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-product>

ierhalim

  <p-dropdown appEmployeeDropdown></p-dropdown>

ierhalim

export interface EmployeeModel{
    id: number;
    firstName: string;
    lastName: string;
}