input password show or hide value

index.html

 <md-dialog-content>
      <div class="md-dialog-content-bu">
         <p class="md-body-2">{{ 'main.business_units.delete.CONFIRM' | translate }}</p>
         <md-input-container class="md-block">
             <label>{{ 'main.business_units.delete.ENTER_PASSWORD' | translate }}</label>
             <input id="business-unit-name-input"
                    name="password"
                    type="{{ businessUnitDeleteFormController.typePassword ? 'text' : 'password' }}"
                    ng-model="businessUnitDeleteFormController.password"
                    required
                    md-no-asterisk>
             <md-icon ng-click="businessUnitDeleteFormController.togglePassword()"
                      md-svg-src="{{ 
                                 businessUnitDeleteFormController.typePassword ? 
                                 businessUnitDeleteFormController.iconResources.businessUnit.VISIBILITY_OFF : 
                                 businessUnitDeleteFormController.iconResources.businessUnit.VISIBILITY }}">
             </md-icon>
             <div ng-messages="businessUnitForm.password.$error"
                  ng-show="businessUnitForm.password.$touched">
                 <div ng-message="required">{{ 'main.business_units.form.VALID_PASSWORD_EMPTY' | translate }}</div>
             </div>
         </md-input-container>
     </div>
 </md-dialog-content>