Bootstrap标签输入角度ng模型问题

时间:2017-01-12 21:10:36

标签: javascript angularjs twitter-bootstrap bootstrap-tags-input

我有一个角形式,用于创建带有标签的对象:

<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&#34;#tags-input&#34;正在调用tagsinput函数,如下所示:

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

id调用此函数时,ng-model =&#34; beaconData.tag_list&#34;返回undefined。如果没有调用tagsinput函数,ng-model将返回没有问题的数据。

有没有人可能会回答为什么会这样?

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

1 个答案:

答案 0 :(得分:0)

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

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