在ngfor中调用一个函数

Question

我在angular2中很新。

我有一个ionic2应用程序，我想要的是在ngfor循环中调用一个函数。我使用的代码如下，但它没有像我预期的那样工作：

@Component({
  selector: 'page-mypage',
  templateUrl: 'mypage.html',
})
export class MyPage {

  itemlist = [
    {id:1, testf:"test1"},
    {id:2, testf:"test2"}
  ]; 

  constructor(public navCtrl: NavController, public navParams: NavParams,private viewCtrl: ViewController) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad MyPage');
  }


  myFunction(testf){

    console.log(testf);

    return testf;

  } 

}

并在html中我有以下内容：

<div *ngFor="let item of itemlist">
  {{ myFunction(item.testf) }}
</div>

虽然输出打印两次作为项目列表的数量，但该功能似乎被多次调用。有什么建议吗？