当您检查时，引导按钮类重复，我怎么能解决这个问题

Bootstrap button classes duplicate when you inspect, How can i reslove this issue?

本文关键字：怎么能 解决 问题 检查 按钮      更新时间：2023-09-26

我有一个引导按钮，我正在使用btn btn-default但是当我使用 chrome 检查它在此按钮上显示多个类时，我无法抓住它发生的原因。任何帮助将不胜感激。

主.html

</accordion-group> <accordion-group is-open="challengeAccordion.isOpen"
    disable-control-point="CHALLENGES_VIEW"
    context-val-id="processDTO.erhUtilKeyList"
    ng-show="editMode && !CHALLENGES_VIEW"
    disable-Page-Elements="{{challengesAccordion}}"
    disablelevel="challenges">
    <div class="col-md-2">
        <div class="form-group clearfix">
            <button class="btn btn-default pull-right mousedwncall"
                require-control-point="CHALLENGES_ADD"
                context-val-id="processDTO.erhUtilKeyList"
                ng-click="addProcessChallenge()">Add Challenge</button>
        </div>
    </div>

主.js

angular.module('disablePageElements', []).directive('disablePageElements', function ($compile, $rootScope, $timeout) {
    'use strict';
       var disableButtons = function(inputs){          
                    angular.forEach(inputs, function(el){
                           el = angular.element(el);
                           var className = angular.element(el).attr('class');
                           if(angular.isUndefined(className) || !angular.isUndefined(className) && className.indexOf('ignoreDisable') === -1){
                                  var prevVal = el.attr('ng-disabled');
                                  prevVal = prevVal? prevVal +  ' || true': 'true';                           
                                  el.attr('ng-disabled', prevVal);
                                  var classPrevVal = el.attr('class');
                                  if(classPrevVal.indexOf('disableSaveCls') === -1){
                                      classPrevVal = classPrevVal ? classPrevVal +  ' btn btn-primary disableSaveCls': ' btn btn-primary disableSaveCls';
                                  }
                                  el.attr('class', classPrevVal);
                                  $compile(el)(scope);
                           }                                 
                    });
                };
});

chromeInspectElement Code

<button class="btn btn-default pull-right mousedwncall btn btn-primary disableSaveCls ng-scope" require-control-point="CHALLENGES_ADD" context-val-id="processDTO.erhUtilKeyList" ng-click="addProcessChallenge()" ng-disabled="true || true || true || true" disabled="disabled">Add Challenge</button>

您可能有一个添加附加样式的指令。

试试这个 

<div class="col-md-2">
    <div class="form-group clearfix">
        <button class="btn btn-default pull-right"
            ng-click="addProcessChallenge()">Add Challenge</button>
    </div>
</div>

可能还有其他外部 CSS 文件为您的按钮添加了样式。

例如，ng-scope是AngularJS的一部分。

相关文章：