草庐IT

Angular-ui-bootstrap

全部标签

javascript - Twitter Bootstrap Modal - 灰色背景但没有窗口

我在使用TwitterBootstrap和模态的非JS示例时遇到了一些奇怪的问题,发生的情况是模态背景出现(灰色)但窗口没有出现。我发现如果我从模态窗口div中删除“隐藏”类,它将加载但不正确。fiddle在这里:http://jsfiddle.net/2VbUG/1/TitleSign!×SignThisPetition!Fieldsforthesignatureshere,takesomefromthefacebookAPICloseSignNow!代码来自Bootstraps网站上的本教程http://getbootstrap.com/2.3.2/javascript.html#

javascript - Bootstrap Navbar-fixed-bottom div 重叠 JS 呈现的内容

在我的主页容器中生成的内容与此DIV的内容重叠:这是来自github元素的CSS(bootstrapsass)//Fixthetop/bottomnavbarswhenscreenrealestatesupportsit.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:001px;//Undotheroundedcorners@media(min-width:$grid-float-breakpoint){border-radius:0;}}.navbar-fixed-to

javascript - 在不注入(inject) $rootScope 的情况下对指令中的 Angular 事件使用react

我想知道你是否有一个指令代码的例子,它对像$routeChangeError这样的Angular事件使用react而不注入(inject)$rootScope到它(使用$on在链接函数中)。在我看来,它打破了MV*模式并“产生”气味代码(提供了在指令中操作根范围的可能性)。提前致谢。 最佳答案 没有。如果没有对$scope的某种访问权限,就无法监听Angular事件。这是他们拥有$rootScope服务的主要原因之一,这样您就可以在服务或其他模块中访问$scope。但是,在指令中,您不需要注入(inject)$rootScope,因

javascript - 以编程方式禁用 jquery ui 对话框上的按钮,直到 ajax 调用完成?

我正在使用jqueryuidialog,其中一个按钮会导致需要几秒钟的ajax调用,所以我想在单击按钮后禁用该按钮,直到ajax调用返回(然后我将启用它)。通过谷歌搜索,我看到其他一些人在问这个问题,但答案似乎非常过时和老套(基于非常旧版本的jqueryui)。所以我希望现在有一种更优雅的方式来做到这一点如何以编程方式禁用或启用jqueryui对话框上的按钮? 最佳答案 我想这就是您要找的:按下的按钮将被禁用延迟promise将等到ajax()调用完成然后延迟操作将重新启用按钮::buttons:{"DoAjax":function

javascript - 使用 AngularJS angular.extend 独立地向数组的每个对象添加属性

我有一个现有数组,其中包含一个对象和在第一步中创建的多个属性。它由以下函数创建:$scope.recordlist=extractRecordJSONFromLocalStorage();$scope.addRecord=function(){$scope.recordlist.push({date:$scope.dateJson,time:$scope.time,car:$scope.carList.code,driver:$scope.driverList.name,from:$scope.locationList.place,destination:$scope.location

javascript - Bootstrap 多模态模态背景问题

这个问题在这里已经有了答案:Bootstrap:OpenAnotherModalinModal(24个答案)关闭1年前。我有一个页面,其中一个Bootstrap模态打开另一个模态。问题是,对于每个打开的模态,它都会添加到HTML代码。第一个很好,但因为它是opacity:.5;然后它使页面在每个打开的模式上变暗。有没有办法检查modal-backdrop是否存在?已经存在,在那种情况下不能打开另一个?我用任一个打开我的模式Modal或使用jQuery:$('#modal_01').modal('show');非常感谢对此问题的任何帮助!为方便起见,这里有一个fiddle:https:/

javascript - JQuery/JQuery UI 水平分隔线

最近我正在开发一个网站,我想创建一个水平分隔线,该分隔线能够使用jquery调整页面上两个元素的大小。基本上:内容___分隔线_____内容当:拖动分隔线时,它应该将其任一侧的“内容”元素调整为用户所需的大小。这是我目前所拥有的。和脚本:vartotalHeight=$("#Divider").parent().height();functionResizePage(divPosition){varvalidDrag=true;//MathvarminPercent=totalHeight*0.25;varminBuffer=totalHeight*0.05;vartopHeight=

javascript - 如何创建从左下角到右上角的动态对 Angular 线?

我创建了一个简单的布局,其中包含三个交互的div。一个是屏幕中间的标志,另一个是用jQuery移出屏幕的两个block。我使用CSS中的skew选项来应用度数转换。我想根据屏幕应用一定的度数,所以这个度数将正确地应用于所有屏幕。视觉示例:http://jsfiddle.net/6a93T/1/现在我有这段代码:HTML:CSS:html{overflow:hidden;}#preloader{width:100%;height:100%;}#logo{background-image:url('../img/logotest.png');width:300px;height:300px

javascript - 在新选项卡中打开 PDF 文件 angular 4?

我尝试使用window.open()打开PDF文件,但窗口会自动打开和关闭,并且文件会像下载任何其他文件一样下载。如何使pdf文件在新标签页中打开?没有安装广告拦截器。 最佳答案 根据@barbsan的想法,我更改了httpheader并收到了一个blob,并使用它通过window.open()将blob显示为pdf。它奏效了。这是我的示例代码。在服务文件中downloadPDF(url):any{constoptions={responseType:ResponseContentType.Blob};returnthis.http

javascript - 检查复选框是否在 Angular 中被选中

这个问题在这里已经有了答案:HowtocheckifanyCheckboxischeckedinAngular(6个答案)关闭6年前。在此Angular示例中如何检查复选框是否被选中/选中?因此,当用户选择/选中第一个复选框时,我想要得到true,当取消选择/取消选中它时,我想要false。angular.module('app',[]).controller('Controller',function($scope){$scope.toggleSelection=functiontoggleSelection(){//howtocheckifcheckboxisselectedorn