title: Change Button text in html and angular 2
body: <p>I want to change the button text once it is selected, logically it is working fine, initially YES button is highlighting once i click on it sightly change then if i hover disable symbol will show 
  first image : before click
  second image : after click
  So what i want is , when i click on yes it should change it to NO and if i hover disable symbol has to show
  here is my HTML code</p>
  
  <pre><code> &lt;div&gt;
                      &lt;button type="button" class="confirm"
                              [disabled]="(isConfirmed &amp;&amp; agree) || (isConfirmed &amp;&amp; nutral)"
                              style="color: blue;"
                              (click)="sayYes()"&gt;
                          YES
                      &lt;/button&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/5q9hz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5q9hz.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/lDJz3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lDJz3.png" alt="enter image description here"></a></p>