Question

这是我的输入字段

<td>
    <img src="my/directory/{{hardwareForCustomerName[i].type.deviceType.name}}.png" alt="">
</td>

在上面的输入字段中，如果字段为空，则输入没有任何问题，显示错误消息

来关注它只有在输入字段中存在任何数据时才能工作？我该怎么做？

我想要这样的事情：

<input 
(keyup.enter)="save()" 
(focusout)="save()" 
class="editinput custom_story_input" 
type="text" 
placeholder="Create a new one"
id="tbtfeild"
value="" [(ngModel)]="childTaskmodel.childtitle"
#childtitle="ngModel"
name="childtitle" />

Answer 1

你可以这样做：

<input [(ngModel)]="childtitle" (focusout)="childtitle ? save() : null">

测试它：除非您的输入有值，否则它将无法正常工作。

编辑说明：

首先使用[(ngModel)]="childtitle"将变量绑定到输入：这允许您让角知道他必须注意该变量的变化。

接下来，使用(focusout)="childtitle ? save() : null"将HTML事件绑定到此输入。作为一个值，你编写一个三元运算符：这是if ... else ...条件的单行。在那个三元组中，你声明如果这个输入有一个值（这是一个 truthy 值，一个Javascript概念，你会在互联网上找到更多），那么你可以运行该功能。如果没有，那么你只需运行null，其中......什么都不做。

Answer 2

在save()功能中，检查您的模型childTaskmodel.childtitle。如果它是空的，请不要继续。如果您想要keyup.enter和焦点的不同行为，只需在控制器内创建两个方法。

我如何使用Angular焦点与if条件

2 个答案: