草庐IT

ng-bootstrap

全部标签

javascript - 如何将 ng-repeat 分成批处理

我在http://getbootstrap.com/javascript/#buttons-examples做这个ref:checkbox例子{{type.name}}现在的问题是这个类型的数组有时少于5个元素,有时更多。当按钮组超过5个元素时,按钮组会以丑陋的方式拆分到下一行。我怎样才能做这样的事情ng-repeaton0-4ofarray-createabuttongroupforthese5itemsng-repeaton5-9ofarray(ifarraylengthis>5)...ng-repeaton10-14ofarray(ifarraylengthis>10).....

javascript - mapbox.js 没有完全在 Bootstrap Modal 中呈现

我正在尝试使用mapbox.js制作经纬度选择器我需要将这张map放在一个模式框中,当我点击“选择位置”按钮时它会打开。但是,当此模式打开时,map并未完全呈现。这是我的代码:×Chooselocationlatitudelongitude脚本varmap=L.mapbox.map('map','examples.map-9ijuk24y').setView([0,0],2);//gettheforminputswewanttoupdatevarlatitude=document.getElementById('latitude');varlongitude=documen

javascript - 不使用 ng-repeat 重新调用 Angular 指令

我在一个元素上有一个指令ct-steps-tooltip以及ng-repeat,如下所示:{{step.stepName}}我的目标是让指令重新绑定(bind)/在currentItem.userData.steps更改时再次调用(我实际上是完全清除currentItem然后重新分配它).这实际上在thissimplifiedfiddle中非常有效我做了。在fiddle中,您可以清楚地看到“Igotcalled!”每次数据更改时在控制台中。由于某些原因,真实代码中的ct-steps-tooltip指令只会在第一次被调用,数据变化时不会再次调用(我有一个类似的“Igotcalled”re

javascript - 如何将插件添加到 Bootstrap

我发现这真的很酷plugin对于测量密码强度的Bootstrap。它看起来不错,我想使用它,但我不知道如何让它工作。根据Github页面,使用它所需要做的就是“只需在要附加强度计的密码字段上调用插件。”。不幸的是,他们没有告诉您将文件放在哪里,也没有告诉您实际需要使用哪些javascript文件。我一直在谷歌搜索每一种可能的迭代方式来为Bootstrap添加或安装插件,但每次都一无所获。这里有人有答案吗? 最佳答案 我想github页面可能会与所有这些源文件混淆。您需要做的就是从此页面获取最新的缩小文件:https://github

javascript - 如何合并 ng-message 消息

我是AngularJS的新手,但我进行了广泛的搜索,但找不到这个问题的有效答案,也许这根本不可能像我想象的那样。我想要的是能够组合错误条件,以便我可以在ng-messages中使用更通用的错误消息模块。由于我们的应用程序是多语言的,因此这为我们节省了大量维护文本的时间。在我的示例中,将minlength、maxlength和pattern结合起来并让它引用1个通用消息会很棒。我让它工作的唯一方法是为每种类型单独的ng-message,然后重复使用对我来说似乎多余的错误文本。希望这是我遗漏的一些简短的东西,比如不理解何时/如何使用,或||。Errormessage:Requiredtex

javascript - 动态更改 Bootstrap 工具提示位置

我试图动态更改工具提示的位置,但它不起作用。ChangeToolTip!对于js://Initialltooltipforallelements$("[title!='']").tooltip();$("#changeBtn").click(function(){//Changetooltipplacment$("#sample").tooltip({placement:'left'}).tooltip('show');})http://jsfiddle.net/znvv9ar5/我在ChangeTwitterBootstrapTooltipcontentonclick找到了一个很好的

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 改变 ui.bootstrap 工具提示箭头的颜色(附有 plunker)

这是plunker代码。http://plnkr.co/edit/C1khFJqTUutDaK9ad7ud?p=preview我需要更改工具提示箭头。示例中工具提示的位置是顶部、底部和左侧。谁能告诉我如何设置这些工具提示的样式。我需要为工具提示的不同位置对工具提示箭头进行不同的着色。例如tooltipattop->arrowcolorshouldberedtooltipatbottom->arrowcolorgreentooltipatleft->arrowcoloryellow谁能告诉我如何获取这些类并将颜色应用于这些工具提示。这是代码HTMLCSS.tooltip.tooltip-

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 从 Bootstrap 到 reactjs 的导航栏

我使用Bootstrap编写了一个导航栏并使用react。为了获得bootstrap的功能,必须安装jquery.js和bootstrap.js。我只是想基本上使用bootstrap的CSS文件和reactjs的功能。将Bootstrap与reactjs一起使用有意义吗?我需要用reactjs实现一些帮助来编程导航。这是我标题的来源。我需要帮助在没有bootstrap.js和jquery.min.js的情况下对reactjs中的导航栏进行编程importReactfrom"react"exportclassHeaderextendsReact.Component{render(){re