{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/8945","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/8945/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/8945/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/8945/events","html_url":"https://github.com/driftyco/ionic/issues/8945","id":185993052,"number":8945,"title":"Interpolation/Change Detection not working","user":{"login":"BAWES","id":5470101,"avatar_url":"https://avatars.githubusercontent.com/u/5470101?v=3","gravatar_id":"","url":"https://api.github.com/users/BAWES","html_url":"https://github.com/BAWES","followers_url":"https://api.github.com/users/BAWES/followers","following_url":"https://api.github.com/users/BAWES/following{/other_user}","gists_url":"https://api.github.com/users/BAWES/gists{/gist_id}","starred_url":"https://api.github.com/users/BAWES/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BAWES/subscriptions","organizations_url":"https://api.github.com/users/BAWES/orgs","repos_url":"https://api.github.com/users/BAWES/repos","events_url":"https://api.github.com/users/BAWES/events{/privacy}","received_events_url":"https://api.github.com/users/BAWES/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-10-28T18:43:12Z","updated_at":"2016-10-28T21:21:06Z","closed_at":"2016-10-28T21:21:06Z","body":"#### Short description of the problem:\r\nI've setup the native Keyboard plugin to update a boolean variable in the component which should be displayed on the page via interpolation. The keyboard events work perfect, the variable is being updated, however the view remains with the old value until some other interpolated variable changes in that view.\r\n\r\n#### What behavior are you expecting?\r\nUpdated value of the variable shown in the view\r\n\r\n**Steps to reproduce:**\r\n1. I've pasted in the code which reproduces the issue.\r\n2. I'm testing it on my Galaxy S7 Edge Phone (Android) via `ionic run android --livereload`\r\n\r\n```\r\n// Core\r\nimport { Component } from '@angular/core';\r\nimport { NavController } from 'ionic-angular';\r\n// Services\r\nimport { AuthService } from '../../../providers/auth.service';\r\nimport { KeyboardService } from '../../../providers/keyboard.service';\r\n// Pages\r\nimport { RegisterPage } from '../register/register';\r\n// Forms\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\n// Native \r\nimport { Keyboard } from 'ionic-native';\r\n\r\n/*\r\n  Login Page\r\n*/\r\n@Component({\r\n  selector: 'page-login',\r\n  template: `\r\n  \r\n<ion-content class='contentArea' padding>\r\n\r\n  <ion-card class='loginCard'>\r\n    \r\n    <h1>Keyboard Opened? {{ isKeyboardOpen }}</h1>\r\n    <p>The above doesn't Interpolate until the value below refreshes</p>\r\n    <p>Try opening and closing the keyboard via the input below and check results</p>\r\n\r\n    <ion-title>2-sec Boolean Toggle: {{ randomBoolean }} </ion-title>\r\n\r\n    <ion-card-content class='authArea'>\r\n\r\n      <!-- Login Form -->\r\n      <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\" class=\"classicInput\" novalidate>\r\n\r\n        <input type=\"email\"\r\n          formControlName=\"email\"\r\n          placeholder=\"Your Email Address\"/>\r\n\r\n        <input type=\"password\"\r\n          formControlName=\"password\"\r\n          placeholder=\"Your Password\"/>\r\n\r\n        <div text-center>\r\n          <button ion-button block outline color=\"dark\" type=\"submit\" [disabled]=\"!loginForm.valid\"\r\n            [style.background-color]=\"loginForm.valid?'black':'white'\"\r\n            [style.color]=\"loginForm.valid?'white':'black'\">\r\n            Sign in\r\n          </button>\r\n        </div>\r\n\r\n      </form>\r\n\r\n      </ion-card-content>\r\n    \r\n  </ion-card>\r\n\r\n\r\n</ion-content>\r\n  `\r\n})\r\nexport class LoginPage {\r\n\r\n  public loginForm: FormGroup;\r\n\r\n  public randomBoolean = false;\r\n\r\n  public isKeyboardOpen = false;\r\n  public keyboardHeight = 0;\r\n\r\n  constructor(\r\n    public navCtrl: NavController, \r\n    private _fb: FormBuilder,\r\n    public keyboard: KeyboardService\r\n    ){}\r\n\r\n\r\n  ionViewDidLoad() {\r\n    // Initialize the Login Form\r\n    this.loginForm = this._fb.group({\r\n      email: [\"\", Validators.required],\r\n      password: [\"\", Validators.required]\r\n    });\r\n\r\n    // Subscribe to Keyboard Visible Events\r\n    Keyboard.onKeyboardShow().subscribe(e => {\r\n      this.isKeyboardOpen = true;\r\n      this.keyboardHeight = e.keyboardHeight;\r\n    });\r\n\r\n    // Subscribe to Keyboard Closed Events\r\n    Keyboard.onKeyboardHide().subscribe(e => {\r\n      this.isKeyboardOpen = false;\r\n    });\r\n\r\n    this.infiniteLoop();\r\n  }\r\n\r\n  infiniteLoop(){\r\n    this.randomBoolean = ! this.randomBoolean;\r\n    \r\n    setTimeout(()=>{\r\n      this.infiniteLoop();\r\n    }, 2000);\r\n  }\r\n\r\n\r\n  onSubmit(){\r\n    console.log(JSON.stringify(this.loginForm.value));\r\n  }\r\n\r\n\r\n}\r\n```\r\n \r\n\r\n**Which Ionic Version?** 1.x or 2.x\r\nLatest 2.x\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\nCordova CLI: 6.3.1\r\nGulp version:  CLI version 1.2.1\r\nGulp local:  \r\nIonic Framework Version: 2.0.0-rc.1\r\nIonic CLI Version: 2.1.1\r\nIonic App Lib Version: 2.1.1\r\nIonic App Scripts Version: 0.0.34\r\nios-deploy version: 1.8.6 \r\nios-sim version: 5.0.8 \r\nOS: Mac OS X El Capitan\r\nNode Version: v6.7.0\r\nXcode version: Xcode 8.1 Build version 8B62 \r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/257031631","html_url":"https://github.com/driftyco/ionic/issues/8945#issuecomment-257031631","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/8945","id":257031631,"user":{"login":"jgw96","id":8823093,"avatar_url":"https://avatars.githubusercontent.com/u/8823093?v=3","gravatar_id":"","url":"https://api.github.com/users/jgw96","html_url":"https://github.com/jgw96","followers_url":"https://api.github.com/users/jgw96/followers","following_url":"https://api.github.com/users/jgw96/following{/other_user}","gists_url":"https://api.github.com/users/jgw96/gists{/gist_id}","starred_url":"https://api.github.com/users/jgw96/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jgw96/subscriptions","organizations_url":"https://api.github.com/users/jgw96/orgs","repos_url":"https://api.github.com/users/jgw96/repos","events_url":"https://api.github.com/users/jgw96/events{/privacy}","received_events_url":"https://api.github.com/users/jgw96/received_events","type":"User","site_admin":false},"created_at":"2016-10-28T21:21:05Z","updated_at":"2016-10-28T21:21:05Z","body":"This issue was moved to driftyco/ionic-native#757"}}
{"actor":{"display_login":"jgw96"}}