BrowserDomAdapter更改未反映在angular2上下文的外侧-Java 学习之路

我正在尝试使用BrowserDomAdapter更改Angular2上下文之外的文本值，它工作正常 .

但是改变 Value 并不反映在模型/组件/指令上 . 我实际上是在寻找$在anuglar2中应用类似的功能 . 我知道我们可以通过使用Zone.js来实现它 . 即使它不起作用 .

以下是我的代码片段，任何帮助/建议表示赞赏 .

`// app component import 来自'@ angular / core';从'./default.directive'导入; @Component（{selector：'my-app'，templateUrl：“./ templates / default.tpl.html”，指令：[DefaultDirective]}）export class AppComponent {color：string =“Red ..”; }

// default.tpl.html
<div>
    ===>{{color}}
    <input type="text" [(ngModel)]="color" [defaultColor]="color"/>
</div>

import { Directive, ElementRef, Input, NgZone } from '@angular/core';
import {BrowserDomAdapter } from '@angular/platform-browser/src/browser/browser_adapter';
@Directive({
    selector: '[defaultColor]',
})
export class DefaultDirective {
  private el: HTMLElement;
  dom:BrowserDomAdapter;
  constructor(el: ElementRef,public zone:NgZone) {
    this.el = el.nativeElement;
    this.dom = new BrowserDomAdapter();
  }
  ngOnInit() {
    this.zone.runOutsideAngular( ( )=>{
      this.zone.run(()=>{ 
        this.dom.setValue(this.el,"Adding some content fro ngOnInit"); 
         // I am changing value of a text field out side of angular context.
         // Value is updating but model is not reflecting
         //Here i can use @Input/@Output but I would like to change it in out side of angular context.
        });
    });
  }
}

1 回答

0
Angular不监视任何DOM更改，不监视Angular组件内部或外部 . 您可能希望在Angular之外发出事件并在Angular中侦听该事件以更新事件处理程序中的模型 .

您可以通过在 window: 或 document: 前面添加事件名称来侦听全局事件
```
@HostListener('window:mytextupdate', ['$event']) 
_onTextUpdate(event) {
  this.text = event.detail;
}
```
回复于 2024-05-01T08:26:37+08:00

BrowserDomAdapter更改未反映在angular2上下文的外侧

1 回答

相关问题