下拉菜单无法选择 - 角4

Question

我有这样的下拉列表。

  <button type="button" class="btn btn-secondary dropdown-toggle form-group"  data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
            <span id="selected">view</span>
            </button>
            <div class="dropdown-menu arrow form-group">
                <a class="dropdown-item" *ngFor="let result of results?.results">{{result?.name}}</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" data-toggle="modal" data-target="#default">Add</a>
            </div>

我在js中有这段代码

$(document).ready(function () {
  $('.dropdown-menu a').click(function () {
    $('#selected').text($(this).text());
  });
});

当我点击“添加”时， “视图”文本正在被“替换”替换，但单击结果1和结果2时不会发生这种情况。单击结果1和结果2时未选中该文本

另外，我想将结果1显示为默认值而不是视图。

Answer 1

我猜问题是在调用jquery绑定后创建了这两个按钮（result 1/2）。您可以这样做也绑定到将来添加的元素：

$(document).ready(function () {
  $(document).on('click', '.dropdown-menu a', function () {
    $('#selected').text($(this).text());
  });
});

顺便说一下，无论如何你应该使用角度......：]