草庐IT

Angular-ui-bootstrap

全部标签

javascript - Angular 模式形式模态.... $scope 的问题

Plunker此插件允许您编辑网格中的行。我创建了一个基于RowEditCtrl的新方法来插入新行,但在验证时遇到了问题。当我插入一个新行时,表格是“原始且有效的”。在插入方法中,我需要调用$scope.$broadcast('schemaFormValidate')来验证表单,而form.$valid将为false。理想情况下,我想在保存按钮上从ng-show调用此检查,以便在表单正常之前按钮不会出现。问题是,我不明白或不知道如何在这个RowEditCtrl方法中获取模式表单$scope并且无法获取之前无效的表单用户输入了任何内容。functionRowEditCtrl($modal

javascript - Angular 7 动态内容投影

我需要能够告诉Angular组件根据动态数据渲染另一个Angular组件。我认为这需要内容投影,但我只能在简单的情况下使内容投影起作用。示例场景我在vanillaTypeScript中有以下表格数据:constheadings=[{id:'cat',label:'Cat'},{id:'nameIt',label:'Typethename'}]constdata=[{cat:'Tabby',nameIt:(name)=>updateTabbysName(name)},{cat:'Ginger',nameIt:(name)=>updateGingersName(name)},]我还有四个A

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

销毁 Bootstrap 弹出窗口时出现 Javascript 错误

试图在旅途中更改BootstrapPopover的标题和内容,我遇到了一些麻烦。我在销毁选择器中的弹出内容时遇到了这个问题。错误是这样的TypeError:'undefined'isnotafunction(evaluating'data[option]()')这段代码是这样的:$("#test_name-"+json.test_id).popover('destroy');我在该行中得到了错误。我检查过$("#test_name-"+json.test_id)确实包含一个Popover。已编辑:感谢评论,我解决了它。我没有使用最新版本的Bootstrap。升级到2.1.0后,一切似乎

javascript - jQuery Bootstrap ScrollSpy 不起作用

我正在尝试使用ScrollSpyBootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。http://jsfiddle.net/bRYMC/Page1Page2Page3Page4Page5Page1Page2Page3Page4Page5你能帮帮我吗? 最佳答案 在body标签上设置data-spy="scroll",它应该可以工作。请检查更新的jsFiddle. 关于javascript-jQueryBootstrapScrollSpy不起作用,我们在St

javascript - jQuery UI resizable 在调整宽度时改变高度

我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b

javascript - jQuery UI 可调整大小的捏合

是否可以为jQueryUI的resizable添加触摸捏合支持?所以在iPad上,你不需要使用指定的handle来调整大小,但你可以只用两根手指在元素上捏合来调整大小。 最佳答案 jQueryUITouchPunch正是您要找的。它为jQueryUI添加了触摸事件支持,并在包括iPad、iPhone、Android和其他支持触摸的移动设备在内的各种平台上进行了测试。 关于javascript-jQueryUI可调整大小的捏合,我们在StackOverflow上找到一个类似的问题:

javascript - 是否可以在 Angular.js 应用程序中使用传统的 anchor 链接

Angular.js路由创建如下URL:http://cooldomain.com:3000/#/searchhttp://cooldomain.com:3000/#/docs在我的文档url中,我希望有一个很长的页面部分和带有anchor链接的传统目录,以便用户可以在页面上跳转从概念上讲,目录会产生大量无效的URL,例如http://cooldomain.com:3000/#/docs#coolAPIFunction由于双哈希,这当然行不通那么-是否可以在具有路由的Angular.js应用程序中使用anchor链接? 最佳答案 您

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - 将 jQuery 变成 Angular,修复侧边栏不起作用(?)

我正在将jQuery插件转换为Angular指令,但仍然无法正常工作,或者:根本无法工作。ThisisthebehaviorIwanttoachieveHereisajsfiddlealso请记住,我想要通过此实现的是左侧边栏上到处都显示“粘性”的行为。我是用jQuery做的(我是Angular的新手),我需要让它与Angular一起工作。请去看看PlunkrExample,那种行为,就是我想要的。如果你们中的一些人花时间帮助我,请提前致谢。查看jQuery代码:$(function(){varoffset=$("#sidebar").offset();vartopPadding=85