Bootstrap 带有 angular ng-model 问题的标签输入

Question

我有一个 angular 表单正在创建一个带有标签的对象：

<form class="form-horizontal">
 <div class="form-group">
  <label>Tags</label>
  <input type="text" id="tags-input" class="form-control" ng-model="beaconData.tag_list" name="beacon[tag_list]" placeholder="project, client 72, yellow, design"/>
 </div>

ID“#tags-input”正在调用 tagsinput 函数，如下所示：

$('#tags-input').tagsinput('items');

使用调用此函数的 id，ng-model="beaconData.tag_list" return未定义。如果不调用 tagsinput 函数，ng-model returns 数据没有问题。

有人能回答为什么会这样吗？

更好的问题可能是 tagsinput 函数对输入值做了什么，为什么它不 return 返回到 ng-model？

Answer 1

在同事的帮助下，我能够获取 tagsinput 吐出的跨度值并将其插入到我的对象中进行保存。

    var tags = angular.element('.form-group div').children('span').map(function (i, s) { return angular.element(s).text(); });