ravipatel2293

<template>
  <button class="button">{{text}}</button>
</template>

<script>
export default {
  name: "Button",
  props: {
    text: {
      type: String,

ravipatel2293

<template>
  <button class="button">{{text}}</button>
</template>

<script>
export default {
  name: "Button",
  props: {
    text: {
      type: String,

ravipatel2293

<template>
  <button class="button">{{text}}</button>
</template>

<script>
export default {
  name: "Button",
  props: {
    text: {
      type: String,

ravipatel2293

<template>
  <input type="text" :value="maskedValue" :ref="'inputRef'" @input="handleInput($event)">
</template>

<script>
export default {
  name: "Input",
  model: {
    prop: "hiddenValue",
    event: "blur"

ravipatel2293

<template>
  <div class="hello">
    <h1>{{ title }}</h1>
    
    <Input v-model="inputVal"/> // Find the usage of "Input" component
    
  </div>
</template>

<script>

ravipatel2293

<template>
  <input type="text" :value="hiddenValue" :ref="'inputRef'" @input="handleInput($event)">
</template>

<script>
export default {
  name: "Input",
  model: {
    prop: "hiddenValue",
    event: "blur"

ravipatel2293

import { ADD_MOVIE } from './../movie.actions';
import { MovieReducers } from './../movie.reducer';
import { MovieStore } from './../movie.store';
import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-create-movie',
  templateUrl: './create-movie.component.html',
  styleUrls: ['./create-movie.component.css']
})

ravipatel2293

import { ADD_MOVIE } from './movie.actions';
import { Http, Headers, Response } from '@angular/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

@Injectable()
export class MovieStore {

ravipatel2293

// This variable will hold the reference to the document's click handler
let handleOutsideClick
// Difining clickoutside globally for the application
// so it will be used across all the components
Vue.directive('clickoutside', {

  // bind the logic to the html element
  bind (el, binding, vnode) {
   // Here's the click/touchstart handler
   // (it is registered below)

ravipatel2293

<template>
 <div id="app">
  <div>
  <button
    ref="btn1"
    class="toggle-button"
  >
    Open Country Popup
  </button>
  <div