jorgeucano

@Component({
  selector:'hello-world',
  template: `
    <div>
      Hello World!
    </div>  
  `
})

jorgeucano

@Component({
  selector:'hello-world',
  template: `
    <div>
      <h1>Hello {{name}}!</h1>
    </div>  
  `
})

class HelloWorld{

jorgeucano

export class user {
  email: string;
  password: string;
}

jorgeucano

import { User } from "./shared/user/user";

jorgeucano

export class AppComponent{
  user: User;
  isLoggingIn = true;

  constructor(){
    this.user = new User();
  }
  submit():void{
    alert("esta el mail: " + this.user.email);
  }

jorgeucano

<TextField hint="Email Address" keyboardType="email" [(ngModel)]="user.email"
  autocorrect="false" autocapitalizationType="none"></TextField>
<TextField hint="Password" [(ngModel)]="user.password" secure="true"></TextField>

jorgeucano

<StackLayout>
  <Image src="res://logo_login" stretch="none" horizontalAlignment="center"></Image>
  <TextField hint="Email Address" keyboardType="email" [(ngModel)]="user.email"
    autocorrect="false" autocapitalizationType="none"></TextField>
  <TextField hint="Password" [(ngModel)]="user.password" secure="true"></TextField>
  <Button [text]="isLoggingIn ? 'Sign in' : 'Sign up'" class="submit-button" (tap)="submit()"></Button>
  <Button [text]="isLoggingIn ? 'Sign up' : 'Back to login'" (tap)="toggleDisplay()"></Button>
</StackLayout>

jorgeucano

import {Component} from "@angular/core";
import { User } from "./shared/user/user";
@Component({
  selector: "my-app",
  templateUrl: 'pages/login/login.html',
  styleUrls: ["pages/login/login-common.css", "pages/login/login.css"]
})
export class AppComponent{
  user: User;
  isLoggingIn = true;

jorgeucano

var a = 5;
var b = 10;
var c = a + b;
a = 10;
if (c == 20 ) // false

jorgeucano

var a = 5;
var b = 10;
var c = a + b;
var a = 10;
if (c == 20)  // true