JavaScript prevent rendering angular attribute directive in the template prevent rendering angular

After add some conditional class and attribute binding in the template, angular keep those attribute directive in the dom when I check in the dev tool like this

<input type="radio" name="gender" ng-model="lsmodal.data.profile.gender" value="male" ng-attr-checked="lsmodal.app.state.isMaleChecked" ng-click="lsmodal.app.meta.selectRadioButton($event, 'male')" class="ng-valid ng-dirty ng-touched ng-valid-parse">

this is really hard for me to read visually. How I can stop rendering those directive bindings since I do not need to know how I bind those in dev tool. I just wanna it gives me the vanilla html code like

<input type="radio" name="gender" value="male" checked />
Answer:1

This is similar to what I asked. You'll have to use $compile to remove those directives. You can see what I asked in here

Answer:2

I like to generate a coverage report for my typescript source files with karma-coverage. My unit tests are written in javascript and I'm using the Jasmine Test framework. My folder structure looks ...

I like to generate a coverage report for my typescript source files with karma-coverage. My unit tests are written in javascript and I'm using the Jasmine Test framework. My folder structure looks ...

I am trying to find all OPTION inside the SELECT using following JavaScript code. var temp = document.querySelectorAll("select"); console.log(temp[0].childNodes); and html markup is this <...

I am trying to find all OPTION inside the SELECT using following JavaScript code. var temp = document.querySelectorAll("select"); console.log(temp[0].childNodes); and html markup is this <...

  1. what is select text

So I've looked though some of the questions already asked about this issue and have not been able to find a solution that works for me. I am using Bootstrap (v 3.3.5) to create a navbar menu at the ...

So I've looked though some of the questions already asked about this issue and have not been able to find a solution that works for me. I am using Bootstrap (v 3.3.5) to create a navbar menu at the ...

I'm trying to create a simple accordion div that opens upwards. I have my accordion working nicely. But I now want to add plus and minus icons to the accordion. I have it somewhat working below on ...

I'm trying to create a simple accordion div that opens upwards. I have my accordion working nicely. But I now want to add plus and minus icons to the accordion. I have it somewhat working below on ...

  1. jquery collapse with icon
  2. jquery datatables with expandable accordion rows
  3. jquery table with expandable rows