如何使用角插值形式的字符串插值传递值

时间:2019-05-15 23:30:24

标签: angular angular-reactive-forms

我有一个帖子列表,每个帖子都有帖子评论表,我正在尝试为每个帖子发送带有评论表的帖子ID,但是它不起作用。

我尝试使用

  <form class="comment-form inline-items" [formGroup]="form2" (ngSubmit)="onSubmitComment()">

    <div class="post__author author vcard inline-items">
      <img src="{{user.photo}}" alt="author">

        <h1>{{post.id}}</h1> <!-- it's working here -->

      <div class="form-group with-icon-right ">
        <textarea class="form-control" placeholder="" name="body" formControlName="body"></textarea>

        <input  type="text"  value={{post.id}}  name="id" formControlName="id"/> <!-- it's not working here -->



      </div>
    </div>

    <button class="btn btn-md-2 btn-primary">Post Comment</button>


  </form>

我希望发送带有评论的帖子ID,但是它发送的是空值

1 个答案:

答案 0 :(得分:0)

这是我制作的Stackblitz。 您可以在Submit函数中看到Row id key1 key2 1 1 val1a val1b 2 1 val1c val1d 3 2 val2a val2b 的传递,并且(可选)在模型中反映出输入字段的变化。

让我知道你是否正在寻找