草庐IT

UI工具

全部标签

javascript - 作为 Angular UI 指令的模态确认

我正在尝试使用angular-bootstrap制作一个Angular指令来模仿confirm()函数。这是一个显示我想要实现的视觉结果和行为的插件:http://embed.plnkr.co/27fBNbHmxx144ptrCuXV/preview现在我想使用一个指令来调用模态窗口:{{item}}Delete我创建了一个使用“confirm()”函数的工作指令,但是当我尝试使用模态窗口而不是confirm函数时,我得到一个“$digestalreadyinprogress”错误。笨蛋:http://plnkr.co/edit/JSOInyZIvMtBZFaNvQRO?p=previ

javascript - 如果选项卡太多,如何使 Jquery UI 选项卡水平滚动

现在上图是一个“标签过多”的例子,默认显示为多行。但我想把它做成单行并且可以水平滚动,要么在开始标签之前和最后一个标签之后添加两个箭头,要么自动滚动都可以。 最佳答案 我对这个问题有不同的方法,因为我认为标签的滚动是违反直觉的。我创建了一个插件来在选项卡分到第二行时执行下拉菜单。https://github.com/jasonday/plusTabs 关于javascript-如果选项卡太多,如何使JqueryUI选项卡水平滚动,我们在StackOverflow上找到一个类似的问题:

javascript - Angular UI-Router 在具有 go 函数的状态之间传递数据不起作用

我刚开始学习angularjs,我正在使用angular-ui-router。我正在尝试使用$state.go将数据从一种状态发送到另一种状态,但没有成功。这是我目前所拥有的:我没有故意包含html,因为我认为不需要它,如果需要请告诉我,我会添加它。我的状态配置如下:$stateProvider.state('public',{abstract:true,templateUrl:'App/scripts/main/views/PublicContentParent.html'}).state('public.login',{url:'/login',templateUrl:'App/s

javascript - 我可以在单页应用程序中使用浏览器 Navigation Timing API 来处理 Ajax 事件吗?如果不是,什么是好的工具?

我们有一个使用Knockout和Backbone构建的单页应用程序,它对服务器进行Ajax调用并执行一些复杂的数据缓存和DOM呈现。我们真的很想衡量用户看到的性能(并将其记录回服务器)。我似乎无法理解浏览器是否NavigationTimingAPI是否对此有用。从我在示例中看到的情况来看,NavigationTimingAPI与window.performance相关联,这仅限于页面加载,不适合监控Ajax行为。对或错?如果为false,我还能使用什么?我喜欢设置自定义检测点,在这些检测点之间测量时间,例如对于使用服务器结果进行一些DOM渲染的Ajax调用。

javascript - ui-bootstrap(Angular.JS)中选项卡的淡入淡出效果

如何使用angular-ui-bootstrap将淡入淡出动画添加到标签集中?例如,给定以下代码:SomecontentOthercontent我希望选项卡的内容在它们之间切换时淡出。我尝试将fade类添加到tab标签(类似于您对bootstrap3js文件的处理方式),但没有成功。非常感谢! 最佳答案 自从使用tabsetng-class控制“事件”选项卡,这允许我们通过在删除/附加“事件”类时设置opacity=0来定义带有Angular动画的淡入淡出效果。首先,你需要加载ngAnimate包含angular-animate.j

javascript - 未知提供者 : $uibModalInstanceProvider - Bootstrap UI modal

我对UIBootstrap模式有疑问。在一个Controller中我有这个:app.controller("tableCtrl",['$scope','$http','$uibModal','$log',function($scope,$http,$uibModal,$log){$scope.open=function(size,selectedUser){varmodalInstance=$uibModal.open({animation:$scope.animationsEnabled,templateUrl:'myModalContent.html',controller:'Mo

javascript - 使用 Bootstrap 的工具提示中的图像?

Tooltiponright$(function(){$('[data-toggle=tooltip]').tooltip();});这很好用,但我想在工具提示中包含一张图片和一些文本。我尝试使用data-content="somestuff"但它什么也没显示。 最佳答案 初始化.tooltip时必须传入html选项。例如">$('a[data-toggle="tooltip"]').tooltip({animated:'fade',placement:'bottom',html:true});参见示例fiddle

javascript - 如何从工具提示格式化程序显示 highchart 系列线标记符号?

默认情况下,highcharts在工具提示中显示线标记符号。$(function(){$('#container').highcharts({xAxis:{categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},series:[{data:[29.9,71.5,106.4,129.2,144.0,176.0,135.6,148.5,216.4,194.1,95.6,54.4]},{data:[194.1,95.6,54.4,29.9,71.5,106.4,129.2,14

javascript - UI路由器改变状态而不改变url

有人知道如何在不更改url的情况下更改ui-router状态吗?如下面的代码所示;在某些情况下,用户需要被重定向到403或401状态。我希望能够在不更改url的情况下执行此重定向。问候,数据库//makesureauthGetCurrenthasranbeforeroutingstarts$rootScope.$on("$locationChangeSuccess",function(event,next){event.preventDefault();AuthService.loadCurrentAuth().then(function(){$urlRouter.sync();},f

javascript - material-ui中的文本区域

有人可以帮助我使用material-ui库将TextField个性化设置为TextArea吗?我没有找到任何应​​该将其个性化为TextArea的参数:https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts这是文本区域:https://material.io/guidelines/components/text-fields.html#text-fields-field-types(CMD/Ctrl+F'文本区')。Textareasaretallerthantextfield