javascript - Ionic 2 - 属性不存在类型错误

Question

我正在用 Ionic 2 开发一些东西，但被困在一个简单的事情上。

我有一个文本框，我想在其中输入文本以及文本应该出现的位置。我使用了来自 this 的代码网站并对其进行了一些修改。

它在一个简单的 HTML/JS 程序中工作。我认为这与我在 Ionic 项目中也使用 Typescript 这一事实有关。

HTML:

<p>This is a  <b id='TextToChange'>Test</b> </p>
<input type='text' id='userInput' value='Enter Text' />
<input type='button' (click)='changeText()' value='Change Text' />

JS/TS:

changeText() {
var userInput = document.getElementById('userInput').value;
document.getElementById('TextToChange').innerHTML = userInput;
}

然后我在 Visual Studio 中收到一个错误(见下面的屏幕截图)。然后我将代码更改为:

var userInput = document.getElementById('userInput').nodeValue;

在 VS 中，我不再收到错误，但如果我按下按钮，程序将不会获取该值，因此它会让原始值消失并保持空白。这个没有错误日志。

有没有人有想法？

Answer 1

我想出了一个解决方案。

HTML:

<p id='TextToChange'>{{value}}</p>
<input #box (keyup.enter)="changeText(box.value)">
<input type='button' (click)='changeText(box.value)' value='Change Text' />

注意:在您的导出类下方添加以下内容!JS/TS:

value = '';
changeText(value: string) { this.value = value; }

您可以按 Enter 键或按 Button 来显示文本。