title: Angular: Set button text according to condtion
body: <p>This is my html snippet code:</p>
  
  <pre><code>&lt;button class="btn btn-primary"&gt;
      &lt;i class="fa fa-edit" aria-hidden="true"&gt;&lt;/i&gt;
      {{'ui.button.edit.text' | translate}}
  &lt;/button&gt;
  </code></pre>
  
  <p>Nevertheless, I need to set button tet according to a boolean component field:</p>
  
  <pre><code>@Component({...})
  export class UserManagementComponent {
      @Input('user')
      public set user(user: AdministrationUser) {
          this._user = user;
      };
  
      private get toCreate(): boolean {
          return this._user.id === null;
      }
  }
  </code></pre>
  
  <p>So, I need:</p>
  
  <ul>
  <li>If <code>this.toCreate</code> is true button text is <code>{{ui.button.save.text | translate}}</code>,</li>
  <li>Otherwise, <code>{{ui.button.edit.text | translate}}</code></li>
  </ul>
  
  <p>Any ideas?</p>