草庐IT

angular-ui-modal

全部标签

javascript - HighCharts 全 Angular 问题

我试图让我呈现的图表填充100%的父div但没有成功。有什么办法可以消除左右两边的缝隙吗?http://jsfiddle.net/sKV9d/varchart=newHighcharts.Chart({chart:{renderTo:'chart',margin:0,width:300,height:200,defaultSeriesType:'areaspline'},series:[{data:[33,4,15,6,7,8,73,2,33,4,25],marker:{enabled:false}}]}); 最佳答案 问题是因为j

javascript - 如何更改 jQuery UI 对话框的背景颜色?

我很难弄清楚如何更改jQueryUIDialog的背景颜色。我看过很多关于如何更改/删除标题栏的引用资料,但没有看到整个背景,包括那些弯曲的Angular落。这是我的尝试:http://jsfiddle.net/dEvKb/11/问题是.ui-widget-content仅适用于对话框中的方形区域,但不包括弯曲的Angular。我找到了一个.ui-corner-all类,希望它能为整个背景着色,但只有一半的对话框是彩色的。(你可以在jsfiddle中看到这个)有人做过吗? 最佳答案 你可以这样使用http://jsfiddle.ne

javascript - 如何取消订阅 Angular 2中的多个订阅者

我在另一个组件中有shareService和订阅:import{Component,Input,OnDestroy}from'@angular/core';import{MissionService}from'./mission.service';import{Subscription}from'rxjs/Subscription';@Component({selector:'my-astronaut',template:`{{astronaut}}:{{mission}}Confirm`})exportclassAstronautComponentimplementsOnDestro

javascript - jQuery.ui.draggable.js 和 jQuery.ui.widget.js 冲突

我有一个工作应用程序,它使用jqueryui对话框。我想让对话框可拖动。据我所知,唯一需要的是jquery.ui.draggable.js脚本。所以我将它添加到我正在使用的脚本中,但知道我收到以下错误(如Firebug控制台所示):baseisnotaconstructorjquery.ui.widget.js中的相关行是:varbasePrototype=newbase();这就是我添加所有脚本的方式:我做错了什么吗?或者这是jquery的问题?在此先感谢您的帮助 最佳答案 问题是draggable扩展了$.ui,mouse,它包

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - 如何使用 $routeProvider 在 Angular 中更改页面标题

我发现了几个类似的问题,howevernoneoftheanswershelped.它们似乎都涉及某种类型的$location依赖项,我无法正确注入(inject)。我的代码如下:(function(){//Appdependenciesvarapp=angular.module('portalExchange',['ngRoute','app-products','app-manage','app-profile']);//[MainController]:PortalControllerapp.controller('PortalController',function($scop

javascript - Angular 2 多个模块,名称仅在外壳上不同

编译时出现如下警告:WARNINGin./src/app/state/actions/userClass.tsTherearemultiplemoduleswithnamesthatonlydifferincasing.Thiscanleadtounexpectedbehaviorwhencompilingonafilesystemwithothercase-semantic.Useequalcasing.Comparethesemoduleidentifiers:*/Users/smp/Projects/training3/node_modules/@angularclass/hmr

javascript - Angular 在 html 中计算百分比

这里是Angular菜鸟!我试图在我的html中显示一个百分比值,如下所示:{{((myvalue/totalvalue)*100)}}%它可以工作,但有时它会给出一个看起来很奇怪的很长的小数点。我如何将它四舍五入到小数点后两位数?对此有更好的方法吗? 最佳答案 你可以使用过滤器,就像下面jeffjohnson9046的过滤器一样过滤器假设输入为十进制形式(即17%为0.17)。myApp.filter('percentage',['$filter',function($filter){returnfunction(input,de

javascript - jQuery UI API 无法使用 LABjs 正确加载

我最近改用了LABjs在SharePointWebparts(2010)中加载脚本。这样做的主要原因是为了避免在将多个Web部件添加到同一页面时多次将相同的库(如jquery和jquery.ui)加载到页面。这样,它们中的每一个都可以单独指定其依赖项,而无需监管哪些其他Web部件已经添加或可能添加。两者都是LABjs和另一个包含脚本链的文件通过加载Web部件标记底部的标记。10次中有9次,Javascript执行没有任何问题。但是每隔一段时间,就会抛出一个异常,说明TypeError:$(...).buttonisnotafunction.即使页面上只有一个Webpart并且似乎与浏览

javascript - Angular 2加载动画卡住

我开发了一个Angular2应用程序,它有相当大的尺寸并且需要一些时间来加载(vendor.js大约有5MB大)。为了让用户的时间更愉快,我更换了标准Loading...使用CSS动画(加载条)或GIF动画(我都试过了):Wait...或Wait...但这一切都不起作用,因为动画(CSS或GIF)在页面加载期间卡住,当它继续时,Angular应用程序已准备就绪并显示。所以结果是一个卡住的加载动画,然后app=情况并不比以前好......顺便说一句:在此加载期间,Javascript(例如setInterval)也不会执行。我尝试将vendor.js包含在async和defer中,但没有