Truy cập DOM trong Angular 2 RC

Question

Cách thích hợp để thao tác DOM trong Angular 2 RC là gì?

Ví dụ: tôi đang tạo dịch vụ cho mục đích gỡ lỗi để trao đổi tham chiếu tệp .css trong tài liệu.

Trước kiễu góc 2 RC, nó đã có thể sử dụng BrowserDomAdapter từ thao tác DOM, như vậy:

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

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

const document = this.domAdapter.defaultDoc(); 

này được lấy cảm hứng từ Title dịch vụ (nay thuộc @angular/platform-browser). Có vẻ như dịch vụ Title vẫn sử dụng nó trong nội bộ, nhưng nó không còn được xuất để sử dụng ngoài Angular. I E.

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

Kết quả trong:

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

Answer 1

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

---

UPDATE: (comment)

một issue on GitHub giải thích rằng việc loại bỏ được thực sự accidenta l, vì vậy hy vọng nó sẽ trở lại trong rc2. - @ Paul

Answer 2

Đối với những người như tôi, mong để tương tác với DOM trong angular 2.4:

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

Bạn không nên sử dụng bất kỳ bộ chuyển đổi. Đây là chi tiết triển khai và không nên sử dụng. Thay vào đó, hãy sử dụng @Inject(DOCUMENT) vào thành phần của bạn và sử dụng nó.

Đọc thêm: https://github.com/angular/angular/issues/8509