草庐IT

ng-bootstrap

全部标签

javascript - 使用 angular-ui-bootstrap 在 AngularJS 中的路径中打开模式

我正在尝试做基本上在这里回答的事情Unabletoopenbootstrapmodalwindowasaroute但我的解决方案行不通。我得到一个错误Error:[$injector:unpr]Unknownprovider:$modalProviderMyapphastheui.bootstrapmoduleinjected-hereismyapplicationconfigvarapp=angular.module('app',['ui.router','ui.bootstrap','ui.bootstrap.tpls','app.filters','app.services','

javascript - 如何在 Rails 3.2 应用程序中使用 Twitter Bootstrap 的 Tabbable Tabs 在单击一个选项卡时将内容返回到两个单独的 tabbable ID

使用TwitterBootstrap的bootstrap-tab.js,我有:abouteducationexperienceverifiedskillsvideoContent1.........我怎样才能得到它,所以如果我把:Content2...配置文件中的两个位置(一次在导航栏上方和一次下方)并且每个位置都有不同的内容,它会起作用吗?截至目前,内容出现,但一旦点击,它就会消失。可以同时有两个“活跃”的里吗?编辑:因为我在Rails3.2应用程序中使用它,所以我目前在bootstrap-tab.js中有以下内容:$('#myTaba').click(function(e){e.p

javascript - 在嵌套的 ng-repeat 中时,AngularJS ng-click 事件不会触发

我对ng-click有疑问(我使用的是angular1.0.4)。第一个ng-click有效,但第二个无效。{{module.group.name}}{{item.display}}生成的代码看起来不错:Simplename 最佳答案 代替'{{item.name}}'只需使用item.name演示:http://plnkr.co/edit/QNKZDT9N5k2tQaRrFlwY?p=preview 关于javascript-在嵌套的ng-repeat中时,AngularJSng-cl

javascript - 如何禁用 bootstrap-slider.js 中的 slider ?

点击按钮时,有什么办法可以停止拖动吗文档没有给出正确的描述http://www.eyecon.ro/bootstrap-slider/$("#stopDrag").click(function(){});演示http://jsfiddle.net/sweetmaanu/npGw2/ 最佳答案 使用启用和禁用功能扩展slider插件,例如:$.fn.slider.Constructor.prototype.disable=function(){this.picker.off();}$.fn.slider.Constructor.pro

javascript - Angular js 中的 Twitter Bootstrap 日期选择器

我正在使用twitterbootstrap、Angularjs和TaffyDB构建应用程序。JavaScript:$(function(){$('#datepicker').datepicker();});$scope.submit=function(){console.log($scope.eventdate);};HTML:Date但是console.log($scope.eventdate);是未定义的。请多多指教 最佳答案 如果您决定使用Angular,请将datepicker放入指令中:JSapp.controller('

javascript - Bootstrap : popover on modals

我想使用来自Twitter的BootstrapCSS库在现有模态对话框上使用弹出效果。我将弹出窗口绑定(bind)到小图像图标。$('#infoIcon').popover({offset:50,placement:'right'});模态本身也是根据文档添加的:$('#modalContainer').modal({keyboard:true});但我得到的效果是,弹出窗口呈现在模态容器下方,而不是模态div上方(请参见下面的屏幕截图)。我怎样才能真正将弹出窗口置于模态div之上? 最佳答案 Bootstrap的人员将此问题确定为

javascript - 始终启用 ng-disabled 的按钮

我正在尝试使用ng-disabled有条件地启用/禁用我的保存按钮:Save我有一个$scope.data.modified变量,当我的数据被修改时它会变为true。不管是真还是假,保存按钮都是启用的。元素检查显示ng-disabled的值按预期在“true”和“false”之间切换,但按钮始终处于启用状态。 最佳答案 当您使用Angularjs属性(如ng-show、ng-hide、ng-disabled)时,它应该没有蛇符号Ex.ng-disabled="!data.modified"。对于类、id等其他普通属性,您必须将其与蛇

javascript - jQuery 验证不适用于 Bootstrap 3 选项卡式表单

我看过这个question/answer,还有更多类似的东西,但我仍然无法通过表单验证来切换选项卡或移动到出现错误的选项卡。相关jQuery:$(document).ready(function(){$("form[name=modify]").validate({ignore:[],rules:{first_name:{required:true,},surname:{required:true},id_number:{required:true},mobile_number:{number:true,minlength:10,},home_number:{number:true,m

javascript - AngularJS:从 ng-repeat 中删除 $watch

我构建了一个报告,该报告使用一组嵌套的ng-repeat指令来创建可能是一个巨大的表格。构建表格效果很好,但在那之后,滚动性能受到很大影响-我认为这是由于ng-repeats创建的大量watch造成的。报表只需构建一次,然后就是静态的。我不需要持续观察数据。我有两个问题:A)是否可以查看Angular当前正在监视的所有变量的列表?EDIT:ThispostwasagreathelpinlearninghowtobenchmarkB)有没有办法告诉Angular停止它正在做的所有监视?我看过很多关于取消自己设置的watch的帖子,但这些是native指令,我不确定如何利用它们。我的偏好是

javascript - 如何从 react-bootstrap 复选框获取值/属性?

我正在尝试使用react-bootstrap复选框(https://react-bootstrap.github.io/components.html#forms-controls),我需要在它改变状态时触发一个事件。能够以编程方式取消/检查它和/或判断它是否被检查也很棒。不幸的是,当代码被转译和呈现时,它会将输入包装在一个div中。如何在dom中找到它并对其进行操作?我的代码看起来类似于:importReact,{PropTypes}from'react';import{Checkbox}from'react-bootstrap';constEditItem=(props)=>{re