草庐IT

Angular-bootstrap

全部标签

javascript - X-Editable 和 Bootstrap 4

之前我已经使用X-Editable和Bootstrap3实现了内联编辑。使用Bootstrap4它似乎不再有效。CheckouttheJsFiddlehere.如果我像这样定义一个简单的弹出窗口:comment$(document).ready(function(){$('.comment').editable();});它在BS3中工作正常,但一旦我切换到BS4,它就不再工作并给出错误:UncaughtTypeError:Cannotreadproperty'addClass'ofundefinedatPopup.show(bootstrap-editable.js:1091)atE

javascript - Twitter Bootstrap 工具提示说明不起作用?

我注意到我的TwitterBootstrap工具提示不符合data-position。所以,我前往TwitterBootstraptooltipsdemo,特别是查看“X上的工具提示”示例,这就是我得到的:方向好像没有支持?但是,工具提示继承自的弹出窗口(或者可能是相反的方式?)起作用:尝试过的浏览器:Ubuntu12.10上的Chromium24.0Ubuntu12.10上的Firefox19.0这是应该报告的错误,还是这里发生的其他事情? 最佳答案 JsfiddleJsfiddlewithtooltipworking这不是错误,

javascript - 获取 Twitter Bootstrap 单选按钮的值。查询

我正在使用来自TwitterBootstrap的单选按钮:http://twitter.github.com/bootstrap/javascript.html#buttons.在我的html中看起来像这样:LeftMiddleRight我想知道如何使用Jquery或Javascript获取用户选中的按钮的值。我看到了几个关于这个主题的问题,但我认为这种按钮是不同的,因为它们看起来不接受“选中”属性。非常欢迎任何帮助PS:如果有人知道如何默认选中其中一个按钮,那也会对我有很大帮助。谢谢。 最佳答案 正如标签所说的那样,它是一个按钮,

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 - 如何取消订阅 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 - 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 - Angular 2加载动画卡住

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