Typescript Angular2简化BrowserDomainAdapter的使用

在jQuery中，我们得到了以下结果：

$('.element').removeClass('active'); 

import {BrowserDomAdapter} from 'angular2/src/platform/browser/browser_adapter'
dom = new BrowserDomAdapter();
this.dom.removeClass(this.dom.query('.mdl-layout__drawer-right'), 'active');

在A2中，使用

BrowserDomAdapter

我们得到了以下结果：

$('.element').removeClass('active'); 

import {BrowserDomAdapter} from 'angular2/src/platform/browser/browser_adapter'
dom = new BrowserDomAdapter();
this.dom.removeClass(this.dom.query('.mdl-layout__drawer-right'), 'active');

我只是在想，是否可以通过编写某种扩展方法来简化，这样上面的事情就会变成这样：

this.dom('.element').removeClass('active'); 

---

有什么想法吗？

DOM

应该在

import {DOM} from 'angular2/platform/common_dom';

在浏览器UI线程中运行Angular应用程序时，使用

BrowserDomAdapter

初始化

但目前存在一个问题

直到这个问题得到解决

import {BrowserDomAdapter} from '../platform/browser/browser_adapter';
...
BrowserDomAdapter.makeCurrent();

---

应该初始化

DOM

您不应该使用DomAdapter，请参见此。只使用了

DOM.removeClass（DOM.query（'.mdl-layout\uu drawer-right'），'active'）；）

并收到错误

原始异常：TypeError:无法读取null的属性“hasClass”

。我应该做的不仅仅是从

angular2/platform/common_DOM

导入

DOM

，以使其工作吗？请参阅我答案末尾的链接。应该是这样的，但是他们最近引入了一个bug。那么，我是否应该暂时保留我的

BrowserDomAdapter

用例？在修复DOM之前，它对我来说一直很好。同时调用` BrowserDomAdapter.makeCurrent（）'`应该初始化

DOM

。