什么是$ scope.watch的Angular 2等价物？ [重复]

2 回答

• 2

  如果任何绑定已更改，您可以使用 ngOnChanges 方法通知：

  @Component({
    selector: 'my-cmp',
    template: `<p>myProp = {{myProp}}</p>`
  })
  class MyComponent implements OnChanges {
    @Input() myProp: any;
    ngOnChanges(changes: {[propName: string]: SimpleChange}) {
      console.log('ngOnChanges - myProp = ' +     
            changes['myProp'].currentValue);
    }
  }
  

  但这取决于您的用例，因为您也可以利用（例如）表单控件进行通知：

  @Component({
    selector: 'four',
    directives: [MyDirective],
    template: `
      Hello, this is working! <br>
      <textarea mydir [(ngModel)]="pp.status" [ngFormControl]="myCtrl">  
      </textarea>
    `,
  })
  export class Four {
    @Input() pp;
  
    constructor() {
      this.myCtrl = new Control();
      this.myCtrl.valueChanges.subscribe(
        (data) => {
          console.log('Model change');
        });
    }
  }
  

  您还可以利用自定义 EventEmitter ，您可以在服务中订阅以通知组件外部 .

  回复于 2024-04-20T05:08:15+08:00
• 1

  您可以使用rx.js函数 Observable.of(something) .

  import {Observable} from "rxjs/Rx";
  
  class Example {
      public test;
      public watchTest;
      constructor(){
         this.setWatch()
         this.seeWatch()
      }
      setWatch() {
         this.watchTest = Observable.of(this.test);
      }
      seeWatch() {
         this.watchTest.subscribe(data => {
            data //this.test value
         }
      }
  
  }
  

  回复于 2024-04-20T05:08:15+08:00