Question

我有一个应用程序允许用户选择3个值示例：嗨，你好嘿。

默认情况下，用户会收到一条消息，说明他＆＃34;选择一个值＆＃34;。问题是我不明白当用户选择3个值中的任何一个时如何更新ng-model的值。我需要ng-model中新选择的下拉值，当我保存时，我有一个更新数据库中的值的函数。

这是代码

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" ng-model="audit.data">{{audit.data}}
  <span class="caret"></span></button>
  <ul class="dropdown-menu">
    <li><a href="#">Hi</a></li>
    <li><a href="#">Hello</a></li>
    <li><a href="#">Hey</a></li>
  </ul>
</div>

Answer 1

您可以添加一个更新控制器中的值的函数，然后附加到每个元素中

<ul class="dropdown-menu">
    <li data-ng-click="updateValue('Hi')"><a href="#">Hi</a></li>
    <li data-ng-click="updateValue('Hello')"><a href="#">Hello</a></li>
    <li data-ng-click="updateValue('Hey')"><a href="#">Hey</a></li>
</ul>

带有angularjs的Bootstrap下拉列表

1 个答案: