Advertisement
Guest User

Untitled

a guest
Aug 22nd, 2016
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import {Component, enableProdMode} from '@angular/core';
  2. import {TranslateService} from 'ng2-translate/ng2-translate';
  3. enableProdMode();
  4.  
  5.  
  6. @Component({
  7.     selector: 'my-app',
  8.     template: `
  9.         <form class="form-signin">
  10.             <div class="heading">
  11.             <h3 class="form-signin-heading">{{ login.title | translate }}</h3>
  12.             </div>
  13.             <div class="form-group">
  14.                 <input type="text" [(ngModel)]="username" class="form-control required autofocus>
  15.            </div>
  16.            <div class="form-group">
  17.                <input type="password" [(ngModel)]="password" class="form-control" required>
  18.            </div>
  19.            <div class="form-group">
  20.                <div class="checkbox">
  21.                    <label><input type="checkbox" id="remember" [(ngModel)]="persistent"> {{ 'login.remember' | translate }}</label>
  22.                </div>
  23.                <button type="submit" class="btn btn-primary" [(ngClick)]="enter">{{ 'login.goOn' | translate }}</button>
  24.            </div>
  25.        </form>
  26.    `
  27. })
  28. export class AppComponent {
  29.  
  30.    public username: string;
  31.    public password: string;
  32.    public persistent: boolean;
  33.  
  34.    constructor(translate: TranslateService) {
  35.        translate.setDefaultLang('en');
  36.    }
  37.  
  38.    enter(event) {
  39.        alert('click');
  40.    }
  41.    
  42. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement