尝试更改textarea的值时发生DOMException

时间:2018-06-28 06:09:47

标签: angular data-binding

这是我的html部分:

 <textarea
   formControlName="post-content" 
   (keyup)="check(myText)"
   [(ngModel)]="myText">
 </textarea>

我的检查功能就像

checkText(text) {
        // cannot change the value of (myText)
        this.myText = something;
}

我收到此错误

DOMException: Failed to set the 'value' property on 'HTMLInputElement' This input element accepts a filename, which may only be programmatically set to the empty string.

我试图用输入替换文本区域,但是同样的问题。我还尝试删除了问题所导致的ngModel,而是放入了[value]指令,它可以工作,但是我无法删除需要的ngModel。

2 个答案:

答案 0 :(得分:1)

代码中的一些错误

  • checkText是您在控制器端的方法,但您正在调用check
  • something未声明。
  • 为什么要从check(myText)传递myText而不是简单地使用this.myText

    <textarea
     (keyup)="checkText(myText)"
     [(ngModel)]="myText">
    </textarea>
    
    checkText(text) {
     this.myText = 'something text';
    }
    

Working example

答案 1 :(得分:0)

问题解决了,真正的问题出在formControlName="post-content",我不知道到底是什么原因,但是当我将其更改为post-content时,我大量使用了post-content-text工作正常。