草庐IT

ng-bootstrap

全部标签

javascript - 在 typescript commonjs 中导入 jquery 和 bootstrap

我正在使用browserify导入一些nodejs模块。使用此语法一切正常:$=jQuery=require('jquery');require('bootstrap');require('angular');require('ngRoute');require('firebase');require('angularfire');现在我正在尝试将其转换为typescript(使用1.8版),但我不知道该怎么做。我正在使用来自browserify的tsify插件我试过一些像这样的语法import*asjqueryfrom"jquery";import*asjQueryfrom"jque

javascript - 使用 bootstrap-vue 运行 jest

我一直在使用vuejs和bootstrap-vue最近。决定为我的项目添加单元测试。我不太熟悉单元测试,所以我正在尝试任何我能找到的东西来理解它是如何工作的。Login.specs.jsimport{shallowMount,mount}from'@vue/test-utils'importLoginfrom'@/components/auth/Login.vue'describe('Login.vue',()=>{it('isaVueinstance',()=>{constwrapper=mount(Login,{mocks:{$t:()=>'Connexion'//i18N}})c

javascript - Bootstrap : Accordion Collapse stopped working with Bootstrap 2. 0.3

我使用data-toggle="collapse"和data-parent="#selector"的Accordion在Bootstrap2.0.2上运行良好,但是当我切换到2.0时.3Accordion功能停止工作。它仍然打开和关闭targetdiv,但它不会自动关闭打开的targetdiv>当点击另一个带有data-toggle="collapse"的td时。您可以在此处看到它不适用于2.0.3:http://chooserealtoday.com/#faq以下代码示例也在JSFiddle上http://jsfiddle.net/N7MN9/3/.Whatisyourname?Ma

javascript - ng-show 用于 ng-repeat 中的特定元素

我似乎无法解决这个小问题:Mother:{{parent.mother}}Father:{{parent.father}}ShowKids{{kid.name}}http://jsfiddle.net/twSFK/5/当我点击“显示child”时,我只想显示我点击的parent的child,而不是其他人。因此,我需要为我在ng-show中使用的模型提供某种索引,以仅针对特定元素。由于$scope.parents来自后端服务器并加载了ng-init,我不知道如何在Controller写入列表之前访问它以添加“事件”元素。 最佳答案 您

javascript - Bootstrap : more than one modal

我在我的网站上使用了两个Bootstrap模式:×SendFoobaraPMOnefinebody…CancelSend×PostaCommentOnefinebody…ClosePost它们被触发:SendPMPostComment但是,只有第一个出现。我的第二个post-comment没有出现。控制台上没有JS错误。有什么建议吗? 最佳答案 让它们都起作用。只需将它们放在不同的容器中,而不是一个接一个地放置。DemoSendPMPostComment×PostaCommentOnefinebody…ClosePost×SendF

javascript - 删除时的 Angular ng-repeat 动画

我正在尝试在ng-repeat中创建添加\删除动画(使用css转换)。由于某种原因,淡出效果总是发生在列表的底部而不是您选择删除的项目(例如尝试删除第一个项目,效果显示在底部)。这是一个笨蛋http://plnkr.co/edit/XdGHKhf5z5BQMaYk1Naz?p=preview有什么想法吗? 最佳答案 如果你删除trackby$index,那么应该就可以了。只是: 关于javascript-删除时的Angularng-repeat动画,我们在StackOverflow上找到

javascript - 使用 CodeMirror 的 Bootstrap 选项卡

我有一个非常复杂的页面,其中在选项卡内的隐藏选项卡中有许多CodeMirror实例。为了让它变得更加复杂,我记得最后一个事件标签。我设法让它工作了一半(http://codepen.io/anon/pen/LheaF),问题出在第二个编辑器选项卡上:它在单击主要代码镜像选项卡之前加载第二个选项卡。当您单击“代码镜像”选项卡时,它也不会正确加载编辑器,直到您单击两次。我希望第二个选项卡调用refresh()方法(如果它已经启动),就像我对主编辑器所做的那样。复制二级编辑器的错误(function($){varmainEditor;functioninitMainCodeEditor(){

javascript - 将表格放入 Bootstrap 弹出窗口

我有一个Bootstrap弹出窗口,我试图将一个表格放入其中,但是当我单击它时它没有显示。这是第一次尝试在弹出窗口中使用HTML,所以我不确定如何正确地进行操作。谢谢!$(function(){$("[data-toggle=popover]").popover({html:true,content:function(){varcontent=$(this).attr("data-popover-content");return$(content).children(".popover-body").html();},title:function(){vartitle=$(this).

javascript - Bootstrap table Js 中的 data-sort-name 是如何工作的?

我正在使用以下库:http://bootstrap-table.wenzhixin.net.cn/documentation/我将json对象加载到这个工作正常的表中,但现在问题来了。我希望能够对列进行排序。我的Json布局如下:[{"Total":12345.56,"Name":"Monkey1","TotalFormatted":"$12.345,56"},{"Total":13345.56,"Name":"Monkey3","TotalFormatted":"$13.345,56"},{"Total":11345.56,"Name":"Monkey2","TotalFormatt

javascript - 日历未显示在 Bootstrap datetimepicker 中

我正在使用以下代码实现Bootstrap日期时间选择器:我已经包含了以下脚本和样式:我的输出如下所示:包含文件的顺序是:@Styles.Render("~/Content/css")@Styles.Render("~/Content/Styles/PreLayout.css")@Scripts.Render("~/bundles/modernizr")@Scripts.Render("~/bundles/jquery")@Scripts.Render("~/bundles/jqueryui")@Scripts.Render("~/bundles/moment")@Scripts.Ren