takuya-nakayasu

// profile route
　router.get('/profile/list', profileController.getProfileList);

takuya-nakayasu

router.get('/profile/list', function (req, res) {
        res.send('Accessing the profile list');
    });
 

takuya-nakayasu

router.post('/profile/create', function (req, res) {
        res.send('POST request to the /profile/create');
    });

takuya-nakayasu

router.get('/profile/:id', function (req, res) {
        res.send('GET request to the /profile/' + req.params.id);
    });

takuya-nakayasu

router.post('/profile/create', function (req, res) {
        res.send('create ' + req.body.name + ' profile');
    });

takuya-nakayasu

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\b
in\\npm-cli.js" "install" "-g" "ionic" "cordova"
npm ERR! node v7.1.0
npm ERR! npm  v3.10.9
npm ERR! path C:\Users\hitomi.kumai\AppData\Roaming\npm\node_modules\.staging\abbrev-3c97fc93
npm ERR! code ENOENT
npm ERR! errno -4058
npm ERR! syscall rename

takuya-nakayasu

import { Directive, Input, ElementRef, HostListener } from '@angular/core';

/**
 * 二重送信防止ディレクティブ
 *
 */
@Directive({
  selector: '[appDoubleClickPrevention]'
})
export class DoubleClickPreventionDirective {

takuya-nakayasu

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';
import { CustomValidator } from './custom-validator';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {

takuya-nakayasu

<!-- 登録ボタン -->
<button [appDoubleClickPrevention]="isLoading"
  type="submit" class="register-button"
  mat-raised-button color="primary">登録</button>

takuya-nakayasu

<div class="container">
  <mat-card class="login-card">
    <mat-card-header>
      <mat-card-title class="login-title">アカウント登録</mat-card-title>
    </mat-card-header>
    <mat-card-content>
      <form [formGroup]="nameRegisterForm" (ngSubmit)="onSubmit()" class="login-form">
        <!-- 氏名の入力フォーム -->
        <mat-form-field class="input-field">
          <input matInput placeholder="氏名(姓と名の間にスペースを入力してください)"