我一直用这个撞在墙上,所以我把它减少到最低限度:

index.html的:

<html lang="en" ng-app="myApp">
    <body ng-controller="main">

        <select ui-select2>
            <option>12451</option>
            <option>23435</option>
            <option>3456</option>
        </select>

        <!-- Scripts loaded here. See the plunker -->

    </body>
</html>

app.js:

angular
    .module('myApp',['ui'])
    .controller('main',function (){});

这是Plunker的链接:http://plnkr.co/edit/kXnHPzBt7apRc7EivLp8?p=preview

我想我做得很好,但它只是拒绝初始化select2.

这是我得到的错误:

Object [[object HTMLSelectElement]] has no method ‘is’

这是错误的屏幕截图:

我在这做错了什么?

解决方法

你需要在AngularJS之前加载jQuery,然后在Angular-ui之前加载select2.js

以下顺序正常

<script src="jquery.min.js"></script>          
<script src="select2.js"></script>
<script src="angular.js"></script>  
<script src="angular-ui.js"></script>

检查plunker:http://plnkr.co/edit/sAGfzmNdykEnqlH40gNf?p=preview

检查另一个答案:Angular UI Select2 in the Bootstrap Navigation Bar

javascript – angularUI ui-select2指令不起作用的更多相关文章

  1. webapp框架AngularUI的demo改造之路

    这篇文章主要介绍了webapp框架AngularUI的demo改造之路,需要的朋友可以参考下

  2. 浅析webapp框架AngularUI的demo

    这篇文章主要介绍了浅析webapp框架AngularUI的demo以及对demo的简单修改,需要的朋友可以参考下

  3. angularjs – UI-Router中自动滚动的平滑滚动

    有没有办法通过平滑滚动获得ui-router的autoscroll的功能,而不是立即跳转到那个地方?或者有没有办法将eventlistener添加到所有状态,当状态以我可以访问ui-view元素的方式被触发时被触发?这样的事情应该有效.你可能不得不调整target.offset().如果你有一个固定的标题或类似的东西可能会弄乱偏移量.在你的ui-view上保持autoscroll=“true”.请参阅其他答案以获得有关prodiver的信用:Angularui-routerscrolltotop,nott

  4. angularjs – Angular UI路由器,如何从控制器获取当前状态的祖先列表?

    我的州等级是(从上到下):>根>帐户>account.invoices>account.invoices.detail当我在account.invoices.detail状态时,我想获得一个祖先状态列表:AngularUI路由器允许您转换到父状态(即从具有data-ui-sref=“^”的视图),因此应该可以实现这一点(跟随祖先链到root).我需要这个来构建类似auto-breadcrumbs的

  5. angularjs – AngularUI为模态控制器分隔文件

    是因为它们在路线中被命名了吗?有关编码风格的任何建议也欢迎…感谢阅读本文.尝试将控制器作为字符串–我遇到了类似的问题.

  6. anglejs – AngularUI模态可拖动和可调整大小

    我不知道是否可以使用jqueryui模态包装在一个指令?我不是很好的javascript,并将非常greatefull任何工作的例子与两个选项.谢谢编辑:我添加了jqueryui参考,并通过添加以下行来设置模态拖动:问题是我不知道什么时候添加这一行.在这个时候,我已经在cancel方法中添加了这个:$scope.cancel=function(){$可拖动();};所以当模态被打开时,我需要调用cancel,只有模态是可拖动的.如果我之前提到的.modal对话框不存在.建议?

  7. anglejs – 使用SASS / LESS与AngularUI

    我从来没有使用css预处理器.我想用angularUI(引导)使用angularjs,我想知道在使用SASSvsLESS时有什么缺点.或者是完全独立的,我完全可以自由地使用SASS或LESS与AngularJS和AngularUI引导.也许AngularUI已经内置了对SASS或LESS的支持,所以我应该赞成其中之一?

  8. angularjs – AngularUI路由器中的活动链接/选项卡

    我正在使用AngularUIRouter,我正在尝试嵌套/子链接.一切正常,但我如何在联系人选项卡中选择/激活链接?p=preview有一个更快的方法来做到这一点.只需使用ui-sref-active=“active”属性而不是ui-sref.一个例子:当状态处于活动状态时,列表项会使类处于活动状态.如果您想要一个活动状态或多个类的不同类,只需按如下所示添加它

  9. angularjs – 在一个AngularUI路由器状态共享范围内的两个视图

    我对AngularUI路由器很新,并希望将其用于以下场景:所有页面共有的布局包括顶部导航栏,其中包含带有右侧按钮的菜单和填充以下空格的内容部分。该页面有几个页面,我映射到UI路由器状态(第1页,第2页,…HTML大致如下:现在,我正在为每个州使用两个并行视图和两个控制器。$范围不是模型,它是一个模型的参考,胶水之间的数据&风景。一个服务/工厂可以注入尽可能多的控制器,然后一切都可以解决这个真相的一个来源。

  10. anglejs – Angular Bootstrap模态叶背景开放

    我正在使用AngularUI在我的Angular1.4应用程序中集成Bootstrap组件,如Modals。我在控制器中打电话给Modal,就像这样:不幸的是,当我想通过使用以下方式关闭Modal:模式本身消失,背景也淡出,但它不会从DOM中删除,所以它覆盖整个页面,使页面无响应。当我检查时,我看到:在https://angular-ui.github.io/bootstrap/#/modal中的文档中的示例类modal-open从主体中删除,并且完整的模态背景从DOM中移除。我已经检查了许多关于引导模态

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部