Angular 2のDOMへのアクセスRC

Question

Angular 2 RCでDOMを操作する適切な方法は何ですか？

たとえば、ドキュメント内の.cssファイル参照をスワップアウトするデバッグ用のサービスを構築しています。

import { BrowserDomAdapter } from 'angular2/platform/browser'; 

... 
constructor(private domAdapter: BrowserDomAdapter) { 
} 
... 

const document = this.domAdapter.defaultDoc(); 

これは（今@angular/platform-browser中）Titleサービスに触発されました：

角度2 RCに先立ち、そうのように、DOM操作からBrowserDomAdapterを使用することが可能でした。 Titleサービスでは依然として内部で使用されているようですが、Angular以外で使用するためにエクスポートされることはありません。私。

Module '".../@angular/platform-browser/index"' has no exported member 'BrowserDomAdapter' 

Answer 1

import {BrowserDomAdapter} from '@angular/platform-browser/src/browser/browser_adapter'; 

---

UPDATE：：（コメント）

issue on GitHubは除去が実際に accidentaだったと説明している中

import { BrowserDomAdapter } from "@angular/platform-browser"; 

結果それではrc2に戻ってくることを願っています。 - @paul私のような人々のために

Answer 2

、angular 2.4でDOMを操作するための楽しみ：

import { Component, Inject } from '@angular/core'; 
import { DOCUMENT } from '@angular/platform-browser'; 

@Component({}) 
export class MyClass { 

    constructor (@Inject(DOCUMENT) private document) { } 

    doSomething() { 
     this.document.someMethodOfDocument(); 
    } 
} 

あなたはどのアダプタを使用しないでください。これは実装の詳細なので使用しないでください。代わりに@Inject(DOCUMENT)をコンポーネントに入れて使用してください。

追加情報：https://github.com/angular/angular/issues/8509