[Solved]-ng-click won't work when added inside html template in controller angular.js-d3.js

This is not the correct way to handle this kind of situation.

use ng-show/ng-hide to show or hide depending on the situation.

<div>
<div>
<label>First Name</label>
<input type='input' ng-model='vm.FirstName' name=Fname  />
</div>
<div>
label>Last Name</label>
<input type='input' ng-model='vm.LastName' name=Lname  />
<div>
</div>

<div class='annotateBox' ng-show="vm.showpannel">
<h5 style='font-size: 22px;color:#fff; white-space:normal;'>
 <h6 style='color:#dae1e1'>
</h5><small style='color:#dae1e1'>
 </small>
<div class='row'>
<textarea rows='3' cols='50' maxlength='100' style='color:black' ng-model='vm.annotateText' autofocus></textarea>
</div>
<button type='button' class='btn btn-primary pull-right' ng-click='vm.remove()'>Done</button>
</div>