Angularjs:在select-option中使用ng-model时工具提示不起作用(也使用了select2插件)

时间:2016-03-30 15:07:23

标签: html css angularjs select2 ui-select2

我试图以某种方式获得下拉列表中所有选项的描述,但是当我尝试使用tooltip / uib-tooltip时,数据不会出现,但如果我不使用ng-model鼠标悬停对我来说,事情很好。那么有谁能告诉我这是什么问题?和解决方案

代码是:

<div class="col-md-10">
  <select
    ui-select2="multiSelect2Options" multiple
    ng-model="order.items" placeholder="Select Item" tooltip="some data">
    <option ng-repeat="item in list_items | orderBy:'toString()' track by $index " value="[[item]]" title="Tooltip">[[item]]</option>
  </select>
<div> 

我也在使用select2插件,因此我也尝试使用指令,但这也不适用于我。

指令代码是:

directive('toolTipDirective',[ function () {
  return{
    restrict : 'E',
    link: function(scope){
        $(".select2-container").tooltip({
            title: function() {
                //console.log("Inside Directive");
                return $(this).prev().attr("title");
            },
            placement: "auto",
            //container: 'body'
        });
      }
 };
}])

Html代码是:

<div class="col-md-10">
  <select
    ui-select2="multiSelect2Options" multiple tool-tip-directive
    ng-model="order.items" placeholder="Select Item">
    <option ng-repeat="item in list_items | orderBy:'toString()' track by $index " value="[[item]]" title="Tooltip">[[item]]</option>

 

我也尝试过使用uib-tooltip,mouseenter。我无法理解我的方法有什么问题。求助。

0 个答案:

没有答案