javascript - 从angularjs中的javascript更新dom

Question

我正在使用 angular 指令中的 javascript 更改按钮的类、按钮组的类。

我的更新正确进行。但直到我点击页面中的某处，更改才反射(reflect)在屏幕上。

angular.module('test', []).
directive('selected', function() {
  return {
    link: selectedLinker,
    restrict: 'A',
    replace: false
  }

  function selectedLinker(scope, element, attribute) {
    var groupname = attribute.selected;
    groupname = 'groupname';
    element.bind('click', function() {
      var elements = document.querySelectorAll('[selected=' + groupname + ']');
      for(var i=0; i<elements.length; i++) {
        var item = elements[i];
        item.classList.remove('selected');
      }
      this.classList.add('selected');
      //element.addClass('selected');
    })
  }
});

我在这里错过了什么。我不想使用 jquery。谢谢。

Pluker Link

Answer 1

尝试将此添加到您的 css 中:

.btn:focus {
      background-color: inherit !important;
      color: inherit !important;
    }