ng2-encrm-components/src/app/element-list/elements/forms-preview/forms-preview.component.ts

angular 2 components

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

@Component({
  selector: 'forms-preview',
  template: require('./forms-preview.component.html')
})
export class FormsPreviewComponent implements OnInit {
  constructor() {}

  ngOnInit() {}

  /*---------------------------------------------------------
   * FORMS
   *--------------------------------------------------------*/

  public form = {
    input:    'asd',
    search:   '',
    error:    'err',
    textarea: '',
    disabled: 'asdasd',
  };

  inputSearchClick(e: Event) {
    // search box handler
  }

  // -------------------------------------------------------------------------
  // checkbox
  // -------------------------------------------------------------------------
  checkboxModel: boolean = false;

  /*----------------------------------------------------------
   * SELECTS
   *---------------------------------------------------------*/
  public selectOptions = [
    {
      label: 'nazwa',
      value: 'name'
    },
    {
      label:      'ulica',
      value:      'street',
      suboptions: [
        {
          label: 'od A do Z',
          value: 'asc'
        },
        {
          label: 'od Z do A',
          value: 'desc'
        }
      ]
    }
  ];
}