Question

我有一个模型类，该类具有通过调用方法返回值的属性，但是当我尝试绑定该属性时，页面上会出现结果，但也不会发生错误。

export class TestClass {
  testProperty: string = this.getString();

  getString() {
    return 'hello';
  }
}

在html中：

{{model.testProperty}}

Typescript / Angular不支持此功能吗？常见的做法是什么？

Answer 1

$ ls -l /opt/freeware/lib/python2.7/lib-dynload/binascii.so

-rwxr-xr-x    1 root     system        30668 Feb 20 2017  /opt/freeware/lib/python2.7/lib-dynload/binascii.so

$ ls -l /opt/freeware/lib64/python2.7/lib-dynload/binascii.so

-rwxr-xr-x    1 root     system        33280 Feb 20 2017  /opt/freeware/lib64/python2.7/lib-dynload/binascii.so

如果您在公共场合使用“ get”，它将允许该函数被调用，因为它将是一个普通变量。我认为您甚至不需要“模型”。

Answer 2

这是一个足够简单的类。您可以做的是将testProperty初始化为null或默认值，然后在ngOnInit（）中分配该函数返回的值。

import { Component, OnInit } from '@angular/core';

export class TestClass implements OnInit {

  testProperty: string = null;

  ngOnInut() {
     this.testProperty = this.getString();
  }

  getString() {
    return 'hello';
  }
}

ngOnInit（）是生命周期挂钩，并在初始化组件时运行。

属性getter调用函数无法绑定？

2 个答案: