Question

我知道有类似的问题，但到目前为止我还没有找到任何可以解答我问题的内容我只是想在我的角度应用程序中创建一个简单的函数

app.component.ts

formClick() {

    const formContainer = <HTMLElement>document.querySelector('.form-container');
    const spinner = <HTMLElement>document.querySelector('.loading-spinner');
    const form = <HTMLElement>document.querySelector('.email-form');

    form.style.display = 'none';
    spinner.style.display = 'block';

    setTimeout(function(){
       spinner.style.display = 'none';
       formContainer.innerHTML('<h1>Thanks! We will get back to you shortly</h1>')
    }, 1000);
}

但我在formContainer.innerHTML上收到错误消息

[ts] Cannot invoke an expression whose type lacks a call signature. Type 'String' has no compatible call signatures. (property) Element.innerHtml: string

我不确定这意味着什么，任何帮助都会受到赞赏，

由于

Answer 1

我认为问题在于这一行formContainer.innerHTML('<h1>Thanks! We will get back to you shortly</h1>')。

应为formContainer.innerHTML = '<h1>Thanks! We will get back to you shortly</h1>'

Typescript无法调用whost类型缺少调用签名的表达式

1 个答案: