检查占位符标记内的字符串是否为空？

Question

有没有办法检查标签内的字符串是否为空？我有这个输入字段，它有一个占位符标记。我需要检查占位符标记内的变量是否为空。

<input type="text" placeholder={{searchText}}> 

如何检查searchText是否为空并在其为空时呈现其他内容？

Answer 1

尝试

<input type="text" placeholder="{{ searchText || 'searchText Is Empty'}}">

Answer 2

您可以将任何表达式写入占位符，然后您可以执行以下操作：

<input type="text" placeholder={{searchText && searchText.length ? searchText : 'other text' }}> 

Answer 3

您可以使用三元运算符来实现它。

   condition ? expr1 : expr2


 <input type="text" placeholder="{{searchText.trim() !='' ? searchText : 'some other text' }}">