Question

我用车把做了一个刮刀。对于每个文章链接，我创建一个模态（使用Bootstrap 4），但是，为第一篇文章生成的第一个模态不生成元素，因此第一个模态的注释不会被发布，因为它没有引用一条POST路线。

我不确定问题是什么。关于可能发生什么的任何意见？

以下是我的代码：

    {{#each article}}
        <div class="article">
            <h3>
                <a href="{{this.link}}" target="_blank">{{this.title}}</a>
                <button type="button" class="btn-default float-right" data-toggle="modal" data-target="#newNote{{this._id}}">Note</button>
            </h3>
        </div>
        {{/each}}


    <!-- Modal for NOTE -->
{{#each article}}
<div class="modal fade" id="newNote{{this._id}}" tabindex="-1" role="dialog" aria-labelledby="newAppt" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="welcome">Note for {{this.title}}</h1>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      {{!-- FORM HERE (doesn't generate for first modal created) --}}
        <form class="noteModal" action="/articles/{{this._id}}" method="POST">
          <div class="form-group">
            <label for="apptNotes">Notes</label>
            <textarea class="form-control placeholder" rows="5" id="apptNotes" name="body" placeholder="Notes"></textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary cancelButton" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-secondary regButton">Submit</button>
        </div>
      </form>
    </div>
  </div>
</div>

{{/each}}

使用把手js，没有创建第一个表单元素

0 个答案: