File

libs/rucken/todo-web/src/lib/entities/projects/project-user-modal/project-user-modal.component.ts

Extends

BasePromptFormModalComponent

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector project-user-modal
templateUrl ./project-user-modal.component.html

Constructor

constructor()
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { BasePromptFormModalComponent, User } from '@rucken/core';
import { BindIoInner } from 'ngx-bind-io';

@BindIoInner()
@Component({
  selector: 'project-user-modal',
  templateUrl: './project-user-modal.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ProjectUserModalComponent extends BasePromptFormModalComponent<User> {
  @Input()
  apiUrl?: string = undefined;

  constructor() {
    super();
    this.group(User);
  }
}
<form
    [formGroup]="form"
    novalidate>
    <prompt-form-modal [bindIO]>
        <form-group
            [bindIO]
            name="username"
            [title]="strings.username"
            focus>
            <input
                formControlName="username"
                [readonly]="readonly">
        </form-group>
        <form-group
            [bindIO]
            name="email"
            [title]="strings.email">
            <input
                formControlName="email"
                [readonly]="readonly">
        </form-group>
        <form-group
            [bindIO]
            name="firstName"
            [title]="strings.firstName">
            <input
                formControlName="firstName"
                [readonly]="readonly">
        </form-group>
        <form-group
            [bindIO]
            name="lastName"
            [title]="strings.lastName">
            <input
                formControlName="lastName"
                [readonly]="readonly">
        </form-group>
    </prompt-form-modal>
</form>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""