openopen114

//in app.module.ts
import { RouterModule } from '@angular/router';

imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RouterModule.forRoot([
        {
            path: 'member',

openopen114

//in app.component.ts
export class AppComponent {
  title = 'app works!';

  // Data array
  todoListData = ["aaa", "bbb", "ccc"];
  inputText = "";


  // function

openopen114

// in html 
<form #userform = "ngForm" (ngSubmit) = "onSubmit(userform.value)">
 
	<input name="first" ngModel required #first="ngModel">
	<input type="text" placeholder="lastname" name="lastname" ngModel> 

	<select name="lang" ngModel>
		<option value="a1">a1</option>
		<option value="a2">a2</option>

openopen114

//in app.module.ts FormsModule -> ReactiveFormsModule
import { ReactiveFormsModule } from '@angular/forms';


imports: [
    BrowserModule,
    ReactiveFormsModule,
    HttpModule
  ],
	

openopen114

// cli 
ng g service myData


//my-data.service.ts
constructor() { }

  obj = {
      id:"1",

openopen114

// create json file in assets folder

// in app.module.ts
import { HttpModule } from '@angular/http';

imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],

openopen114

//html

<ul id="sidenav" class="side-nav" materialize="sideNav" [materializeParams]="sidenavParams" [materializeActions]="sidenavActions" data-activates="sidenav">
    <li><div class="userView">
      <div class="background">
        <img src="images/office.jpg">
      </div>
      <a href="#!user"><img class="circle" src="images/yuna.jpg"></a>
      <a href="#!name"><span class="white-text name">John Doe</span></a>
      <a href="#!email"><span class="white-text email">[email protected]</span></a>

openopen114

//component.ts

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

declare var foo: any;

import '../assets/foo.js';

@Component({
  selector: 'app-root',

openopen114

//new project

ng new gallery
cd gallery
ng g service imgData     // generate service
ng g c gallery           // generate gallery component

//copy images folder to src/assets

openopen114

//HTML
<input type="text" [(ngModel)]="_num"/>
<ul>
	<li *ngFor="let item of numList | numFilter:_num">
		{{item.po}}
	</li>
</ul>

<p>_num:{{_num}}</p>