防止在模板中呈现 angular 属性指令

Question

在模板中添加一些条件 class 和属性绑定后，angular 在我签入开发工具时将这些属性指令保留在 dom 中

<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">

这对我来说真的很难在视觉上阅读。我如何停止呈现这些指令绑定，因为我不需要知道如何在开发工具中绑定它们。我只是想让它给我像

这样的香草 html 代码

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

Answer 1

此代码将阻止您看到那些类和属性：

myApp.config(['$compileProvider', function ($compileProvider) {
   $compileProvider.debugInfoEnabled(false);
}]);

这是在 v1.3 中引入的，因此在较低版本中将无法使用。

这里是文档中的一个 reference。

Answer 2

这和我问的差不多。您必须使用 $compile 来删除这些指令。你可以在

中看到我问的

防止在模板中呈现 angular 属性指令

prevent rendering angular attribute directive in the template

javascript

angularjs

angular-template

angular-directive