shafiqshams

import { Component } from '@angular/core';
import { DataService } from '../../services/data.service';

@Component({
    selector:'sandbox',
    template:`
        <h1>Hello World</h1>
        <form (submit)="onSubmit(isEdit)">
            <div class="form-group">
                <label>Name</label>

shafiqshams

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

@Component({
    selector:'sandbox',
    template:`
        <h1>Hello World</h1>
        <div>
            <input type="text" (keyup)="fireEvent($event)" placeholder="keyup event">
        </div>
        <div>

shafiqshams

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

@Component({
    selector:'sandbox',
    template:`
        <h1>Hello World</h1>
        <button id="btn" (click)="fireEvent($event)">Click Event</button>
        <br>
        <button id="btn" (mouseover)="fireEvent($event)">Mouseover Event</button>
        <br>

shafiqshams

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

@Component({
    selector:'sandbox',
    template:`
        <h1>Hello World</h1>
        <form novalidate #f="ngForm" (ngSubmit)="onSubmit(f)">
            <div class="form-group">
                <label>Name</label>
                <input 

shafiqshams

startExternalMap() {
  if (this.location.latitude) {
    this.platform.ready().then(() => {
      Geolocation.getCurrentPosition().then((position) => {
        // ios
        if (this.platform.is('ios')) {
          window.open('maps://?q=' + this.location.name + '&saddr=' + position.coords.latitude + ',' + position.coords.longitude + '&daddr=' + this.location.latitude + ',' + this.location.longitude, '_system');
        };
        // android
        if (this.platform.is('android')) {

shafiqshams

import { Component, OnInit } from '@angular/core';
import { FirebaseService } from '../../services/firebase.service';

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

shafiqshams

import { Component, OnInit } from '@angular/core';
import { AngularFireAuth } from 'angularfire2';
import { Router } from '@angular/router';

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

shafiqshams

import { AppRegistry } from 'react-native';
import App from './src/app';

AppRegistry.registerComponent('LoginApp', () => App);

shafiqshams

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class App extends Component {
  render() {
    return (
      <View>
        <Text>An App!</Text>
      </View>
    );

shafiqshams

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class AlbumList extends Component {
  render() {
    return (
      <View>
        <Text> AlbumList!!! </Text>
      </View>
    );