angularjs - 带有 AngularJS 和输入的 Bootstrap Popover

Question

<select ng-model="dropdownlist" ng-options="x.item as x.item for x in list | unique:'item'">
</select>

<a data-toggle="popover" data-title="Add New Item" data-container="body" type="button" data-html="true" href="#" id="AddNewItem">Add New</a>
<!-- This doesn't work -->
<div id="popover-content" class="hide">
  <input ng-model="addMe" placeholder="Item">
  <button ng-click="addItem()" class="btn btn-primary">Add</button>
</div>
<!-- But this does (just removed the popover div) -->
<input ng-model="addMe" placeholder="Item">
<button ng-click="addItem()" class="btn btn-primary">Add</button>

JSFIDDLE

我正在尝试将一个项目添加到下拉列表中，并使用 angular 来自弹出框的输入。当我取出弹出框时它可以工作，但不能使用它。

标签： angularjstwitter-bootstrappopover