कोणीय 2 आरसी

Question

में डीओएम एक्सेस करना कोणीय 2 आरसी में डीओएम में हेरफेर करने का सही तरीका क्या है?

उदाहरण के लिए, मैं दस्तावेज़ में .css फ़ाइल संदर्भों को स्वैप करने के लिए डीबग उद्देश्यों के लिए एक सेवा बना रहा हूं।

कोणीय 2 आर सी से पहले, यह डोम जोड़तोड़ से BrowserDomAdapter उपयोग करने के लिए है, तो तरह संभव हो गया था:

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

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

const document = this.domAdapter.defaultDoc(); 

यह Title सेवा (@angular/platform-browser में अब) से प्रेरित था। ऐसा लगता है कि Title सेवा अभी भी आंतरिक रूप से इसका उपयोग करती है, लेकिन अब इसे कोणीय के बाहर उपयोग के लिए निर्यात नहीं किया गया है। अर्थात।

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

परिणाम में:

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

Answer 1

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

---

अद्यतन: (टिप्पणी)

एक issue on GitHub बताते हैं कि वास्तव में हटाने accidenta था एल, तो उम्मीद है कि यह आरसी 2 में वापस आ जाएगा। - @paul

Answer 2

मेरे जैसे लोगों के लिए, 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(); 
    } 
} 

आप किसी भी एडाप्टर का उपयोग नहीं करना चाहिए। यह कार्यान्वयन विस्तार है और इसका उपयोग नहीं किया जाना चाहिए। इसके बजाय @Inject(DOCUMENT) अपने घटक में और इसका उपयोग करें।

अतिरिक्त पठन: https://github.com/angular/angular/issues/8509