在angularjs中从javascript更新dom

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

我的更新正在正确进行。但直到我点击页面的某个地方，这个变化才反映在屏幕上

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');
    })
  }
});

angular.module（'test'，[]）。
指令（'选定'，函数（）{
返回{
链接：选择链接器，
限制：“A”，
替换：false
}
函数selectedLinker（范围、元素、属性）{
var groupname=attribute.selected；
groupname='groupname'；
元素绑定（'单击'，函数（）{
var elements=document.querySelectorAll（'[selected='+groupname+']'）；
对于（var i=0；i尝试将其添加到css中：

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

在
this.classList.Add（'selected'）之后添加
this.blur（）
；
在指令的链接函数中，清除由于按钮处于焦点而应用的引导CSS属性。
与角度无关…与引导
：focus
CSS选择器有关。检查浏览器开发工具中的元素并查看应用的CSS规则…将看到
：focus
选择器作为对
的规则相同。已选择
谢谢。我已让它工作了。