Passing Data From Child Component Into Parent Component
<p>I have problems with my angular, here I have two components:</p>

<ul>
<li>MyApp (ParentComponent) </li>
<li>LoginPage (ChildComponent)</li>
</ul>

<p>I have a property <code>UserNow</code> in parts <code>MyApp</code> and I want to set the value of the property <code>UserNow</code> through the components <code>LoginPage</code>. How to do it?</p>

<p><strong>I have tried</strong> (but did not give any influence)</p>

<pre><code>Import {MyApp} from '../../app/app.component'; 

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {
    public app: any;

    login() {
        ...
        this.app = MyApp;
        this.app.userNow = MyValue;
        ...
    }
}
</code></pre>