Question

我一直试图将隐藏的动态数据从我的表单隐藏到角色的组件中。

<form (submit)= "onLike()"> 
  <input type="hidden" name=likeQuote [(ngModel)]=likeQuote  value ="anything" style="display: none;"/>
  <input type="submit" value = "Like">
</form>

我还尝试其他方法，例如将表单样式设置为不显示。

  <input type="text" name=likeQuote [(ngModel)] = likeQuote value= {{ quote._id}} style= "display:none;">

然而，角度只是不会捡到它。

Answer 1

您不能将value与ngModel一起使用，请更改为此设置默认值：

<input type="hidden" name="likeQuote" [(ngModel)]="likeQuote" style="display: none;"/>

组件：

public likeQuote = 'Hello world';

然后，您可以通过likeQuote访问其值。

Answer 2

您可以使用hidden angular property。

[隐藏] =＆＃34; myCondition＆＃34;

您将其设置为true，因此它始终隐藏，您仍然可以在DOM中使用它，Angular可以访问它。如果需要，您可以稍后添加一些逻辑。

<form (submit)= "onLike()"> 
  <input type="input" [hidden]="true" name=likeQuote [(ngModel)]=likeQuote  value ="anything" />
  <input type="submit" value = "Like">
</form>

Answer 3

谢谢你们及时回复。我一般都是新手，而且我很难使用正确的语法让自己清楚。但我解决问题的方法只是使用按钮而不是形式。

<button type="button" (click)="onLike(quote._id)">Like</button>

它不漂亮，但我管理我的数据到组件和后端。谢谢。

角形无法获得隐藏价值

3 个答案: