Adminlte Search2不适用于angularjs中的选择框

时间:2018-03-29 07:17:32

标签: jquery-select2 adminlte

AdminLte Search2无法正常工作意味着没有在选择框中显示搜索,我已经包含了css和js文件并使用如下所示,并且我还包含了bootstrap相关的css和js文件

<html>
<head>
<link rel="stylesheet" href="bower_components/select2/dist/css/select2.min.css">
</head>
<body>

<select class="form-control select2" style="width: 100%;"  ng-options="t.id as t.name for t in tags" ng-model="t_id">

    <option selected="selected">Select Tag</option>
</select>


<script src="bower_components/select2/dist/js/select2.full.min.js"></script>

<script>
$(function () {
    //Initialize Select2 Elements   
    $('select2').select2();
});
</script>
</body>
</html>

2 个答案:

答案 0 :(得分:2)

它将起作用 $('。select2')。select2();

答案 1 :(得分:0)

您可能需要从Google加载Ajax.googleapis cdn。我的问题就像你的一样。我已经解决了这个问题。主要问题是select2没有获得ajax.googleapis cdn。因此,在jQuery代码之前,我已经加载了CDN,现在可以正常工作了。您必须通知CDN的版本。首先,代码是

#1/1/0001 12:00:00 AM#

问题看起来像下面的图片 enter image description here

  

现在解决问题后,代码如下所示

<script>
    $(document).ready(function() {
        $('.js-example-basic-multiple').select2();
    });
</script>

现在如下所示 enter image description here