小编Ale*_*ore的帖子

我有一个Angular2组件,其中包含从剪贴板粘贴数据的方法:

inputPaste(event){
  let clipboardData = event.clipboardData;
  ...

}

这种方式不适用于IE10 +,但是IE有一个带有属性clipboardData的窗口对象,但是typescript compilator会抛出一个错误:

inputPaste(event){
  let clipboardData = event.clipboardData 
            || window.clipboardData; //error 'clipboardData' does not exist on type Windows
  ...

}

我找到了一个解决方案,我们必须使用angular2-clipboard指令,但我不想使用它.

我如何'windows.clipboardData'在打字稿中使用？

我有两个组件，我在其中使用 ChangeDetectionStrategy.OnPush。父组件：

    @Component({
     changeStaregy: ChangeDetectionStrategy.OnPush,
     template:`
        <button (click)="onClick()">clear</button>
        <div>
            <test [model]="model"></test>
        </div>`
    })
    export class AppComponent {
        model: TestModel;
        
        constructor(){
          this.model = { id: 1, text: 'bla bla bla'}
        }
    
        onClick() {
          this.model = new TestModel();
        }
    }

和一个只显示数据的子组件：

    @Component({
       changeStrategy: ChangeDetectionStrategy.OnPush,
       selector: 'test',
       template: `
        <div>
              <div> {{model.id}} </div>
               <div> {{model.text}} </div>
        </div>`
    })
    
    export class TestComponent {
       @Input() model: TestModel;
       
    }

当我单击“清除”按钮时，它会调用 onClick() 函数，该函数将一个空实体分配给“模型”。这会触发更改检测，因为输入已更改（OnPush 策略）。但是，如果我使用异步调用包装分配，则更改检测不起作用，因此 UI 不会更新：

    onClick() {
      setTimeout(() => {
        this.model = new TestModel();
      }, 2000); …