Question

我有文本区域框，我需要在文本区域输入文本时检查数据。我写了更改方法但是没有工作这是代码。

<textarea (change)="textAreaEmpty(textValue)" #textValue></textarea>

成分</ P>

 textAreaEmpty(text:string){
      if(text.length > 0)
        console.log(text);
  }

我还需要检查用户在文本区域中输入了多少行。我在anuglar2中找到任何解决方案，我能够使用jquery或javascript获取数据，但我不想使用它。我想在角度2中使用它，任何身体都可以帮助我吗？

Answer 1

我可以使用jquery或javascript获取数据，但我不想使用它。我想在角度2中使用它，任何身体都可以帮助我吗？

如果你想做更多的话，请使用[ngModel]＆＃34; Angularish＆＃34; ...

<textarea [(ngModel)]="textValue" (ngModelChange)="textAreaEmpty()"></textarea>

<强> TS：

textValue: string = '';

textAreaEmpty(){
  if (this.textValue != '') {
    console.log(this.textValue);
  }
}

Answer 2

在这种情况下，

>>> {k: set(v).difference(pizza_2.get(k, {})) for k, v in pizza_1.items()} {'price': {'$9.99', '$7.99', '$12.99'}, 'size': set(), 'toppings': {'mushroom'}, 'crust': {'hand tossed'}}不是值。它是整个输入元素，因此如果您想检查它是否具有自己的值，您需要更改您的html，如下所示：

textValue

Answer 3

对new-lines，white-spaces或null的验证

if(value.trim().length === 0)
   console.log('No input found')

运行代码段进行测试

插入new-lines和white-spaces，但在输入字段上进行聚焦时不会得到任何输出

document.getElementsByName("text")[0].addEventListener('change', onChange);

function onChange(){
  if (this.value.trim().length != 0) {
       console.log('Here is your output: ')
       console.log(this.value)
   }
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<textarea name="text" rows="3" class="form-control" placeholder="Write and check"></textarea>

如何在角度2中检查文本区域是否为空？

3 个答案: