作为绑定不断被调用的方法/函数/ Angular 6-CLI

时间:2018-08-30 16:25:19

标签: angular typescript angular6

在我的component.html中,我有一些简单的东西:

<div [class.inactive]="getClass()"></div>

在.TS中,我有:

import { Component, OnInit } from '@angular/core';
import {MessageService} from 'primeng/api';
export class MyComponent implements OnInit {
  constructor(private messageService: MessageService) { 
   ...
  }
   ...
  getClass() : string {
    console.log("getClass");
    return "jason"
  }
  ..
}

当我运行此命令(Angular CLI / 6)并打开开发人员控制台窗口时-它会连续弹出 lot 来显示“ getClass”。如果我什么也不做,也许每3秒2-3次-如果我摇动鼠标或单击鼠标,它就会向高天堂发送垃圾邮件。

这是正常行为吗?我认为它只会调用一次,或者如果可观察到的后备(如果有)更改了。

如果将诸如SELECT或PrimeNG下拉源数据之类的内容设置为方法/函数,则相同:

<p-dropdown [options]="getEarlyBirdRates()">

如果将console.log放在getEarlyBirdRates中,我会看到它被频繁调用,并且没有明显的原因。

我不允许这种方式绑定吗?

0 个答案:

没有答案