Giter VIP home page Giter VIP logo

ng2-directives's Introduction

markup

<div class="sidemenu-wrapper" [ngStyle]="sidemenuStyle">
  <ng-sidemenu [data]="categoryMap"></ng-sidemenu>
</div>

typescript

import {Component} from 'angular2/core';
import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass} from 'angular2/common';
import {ButtonCheckbox} from 'ng2-bootstrap/ng2-bootstrap';
import {SIDEMENU_DIRECTIVES} from '../../../ng2-sidemenu';

// webpack html imports
let template = require('./sidemenu-demo.html');

@Component({
  selector: 'sidemenu-demo',
  template: template,
  directives: [NgClass, CORE_DIRECTIVES, FORM_DIRECTIVES, ButtonCheckbox, SIDEMENU_DIRECTIVES]
})
export class SidemenuDemoComponent {
  public sidemenuStyle:any = {
    height: '1400px',
    position: 'relative'
  };
  public categoryMap: { [category: string]: any[]} = {
      sorting: [{
        label: 'insertion',
        text: 'Insertion Sort'
      }, {
        label: 'selection',
        text: 'Selection Sort'
      }, {
        label: 'bubble',
        text: 'Bubble Sort'
      }, {
        label: 'merge',
        text: 'Merge Sort'
      }, {
        label: 'quick',
        text: 'Quick Sort'
      }, {
        label: 'heap',
        text: 'Heap Sort'
      }],
      search: [{
        label: 'binary search',
        text: 'Binary Search'
      }],
      string: [{
        label: 'edit distance',
        text: 'Edit Distance'
      }, {
        label: 'suffix array',
        text: 'Suffix Array'
      }],
      greey: [{
        label: 'job scheduling',
        text: 'Job Scheduling'
      }],
      graph: [{
        label: 'bfs',
        text: 'Breadth First Search'
      }, {
        label: 'dfs',
        text: 'Depth First Search'
      }]
    };
}

ng2-directives's People

Contributors

aslubsky avatar buchslava avatar el-besto avatar greenkeeperio-bot avatar jhuntoo avatar kfbishop avatar natali-abyss avatar qweritos avatar ronzeidman avatar valorkin avatar wolvenone27 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.