Angular 在2中的li项上执行文本赋值

Angular 在2中的li项上执行文本赋值,angular,Angular,我正在尝试实现li组件文本验证中的input。基本上,当用户键入文本时,会将其发送到后端并进行检查(如果输入有效,则返回)。如果它是有效的,用户可以发布它 邮递 我要做的是检查输入值,并根据它放置类、li和按钮组件。每个输入值都独立于其他li组件 我试图通过使用表单来实现这一点,但这不是我正在寻找的解决方案,或者可能是我以错误的方式实现了它。您有什么建议吗?您不应该有commonisValid组件属性,如果您更改它,它将应用于所有li元素 这就是你如何实现你正在尝试的目标 values中的

我正在尝试实现
li
组件文本验证中的
input
。基本上,当用户键入文本时,会将其发送到后端并进行检查(如果输入有效,则返回)。如果它是有效的,用户可以发布它


邮递

我要做的是检查输入值,并根据它放置类、li和按钮组件。每个输入值都独立于其他li组件


我试图通过使用表单来实现这一点,但这不是我正在寻找的解决方案,或者可能是我以错误的方式实现了它。您有什么建议吗?

您不应该有common
isValid
组件属性,如果您更改它,它将应用于所有
li
元素

这就是你如何实现你正在尝试的目标

values
中的每个
value
对象都应该有一个属性
isValid
,您可以在
onTitleChange
方法中将该属性设置为false/true,请确保将
value
作为参数传递给
onTitleChange

这里是代码更改,如果您需要更多解释,请告诉我

HTML


邮递

TS

onTitleChange(值:任意){
//根据http响应,将isValid属性设置为true或false。(暂时设置为false)
value.isValid=false;
}

您是否考虑过使用反应式表单?