File

src/app/shared/components/dumb-component.ts

Description

empty component

Extends

DumbParentComponent

Metadata

selector cp-dumb
template
dumb component

Index

Properties
Methods
Inputs
Outputs
HostBindings
HostListeners
Accessors

Inputs

emptyInput
Type : string
parentInput
Type : string
Inherited from DumbParentComponent

Outputs

emptyOutput
Type : string

component output

parentoutput
Inherited from DumbParentComponent

HostBindings

Type : string
style.color
Type : string
Inherited from DumbParentComponent

HostBinding description

HostListeners

()

component hostListener

Example :
component hostListener
mouseup
mouseup()
Inherited from DumbParentComponent

Methods

emptyHostListener
emptyHostListener()
Decorators :
@HostListener('')

component hostListener

Example :
component hostListener
Returns : void
emptyMethod
emptyMethod(emptyParam: string)
Parameters :
Name Type Optional Description
emptyParam string No

component method param

Returns : string

component method return

onMouseup
onMouseup()
Decorators :
@HostListener('mouseup')
Inherited from DumbParentComponent
Returns : void

Properties

Private _emptyAccessor
Type : string
Default value : ''
_todo
emptyHostBinding
Type : string
Decorators :
@HostBinding('')

component hostBinding

emptyProperty
Type : string
Default value : ''

component property

color
Type : string
Decorators :
@HostBinding('style.color')
Inherited from DumbParentComponent

HostBinding description

Public parentProperty
Inherited from DumbParentComponent

Accessors

emptyAccessor
getemptyAccessor()

component accessor

Example :
component accessor
setemptyAccessor(val)
Parameters :
Name Optional
val No
Returns : void
visibleTodos
setvisibleTodos(value: Todo)
Parameters :
Name Type Optional
value Todo No
Returns : void
import { Component, Input, Output, HostBinding, HostListener } from '@angular/core';
import { Todo } from '../models/todo.model';

import { DumbParentComponent } from './dumb-parent-component';

/**
 * @example
 * empty component
 */
@Component({
    selector: 'cp-dumb',
    template: 'dumb component'
})
export class DumbComponent extends DumbParentComponent {
    /**
     * @example
     * component property
     */
    emptyProperty = '';

    _todo;

    /**
     * @example
     * component input
     */
    @Input() public emptyInput: string;

    /**
     * @example
     * component output
     */
    @Output() public emptyOutput: string;

    /**
     * @example
     * component accessor
     */
    get emptyAccessor() {
        return this._emptyAccessor;
    }
    set emptyAccessor(val) {
        this._emptyAccessor = val;
    }
    private _emptyAccessor = '';

    /**
     * @example
     * component hostBinding
     */
    @HostBinding('')
    emptyHostBinding: string;

    /**
     * @example
     * component hostListener
     */
    @HostListener('')
    emptyHostListener() {}

    /**
     * @param emptyParam component method param
     * @returns component method return
     */
    emptyMethod(emptyParam: string) {
        return emptyParam;
    }

    /**
     * @param {VisibleLayer} value
     */
    set visibleTodos(value: Todo) {
        this._todo = value;
    }
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""