草庐IT

angular-ui-bootstrap-tab

全部标签

javascript - Angular 2 中的服务应该包含数据操作逻辑还是组件?

这可以标记为基于意见。但我正在寻找标准/最佳实践。我正在构建一个Angular2应用程序,在将数据显示在模板中之前,我必须先操作API中的数据。例如,如果我的服务如下所示:getData(id:number):Observable{returnthis.http.get(this.url+'/'+id).map((res)=>{returnres.json().data;});}prepareData(data){//manipulateandreturnthedata}在我的组件上,我可以这样调用服务:getData(id:number):void{this.dataService.

javascript - 在 Angular 2 应用程序中导入 AWS SDK

我试图在我的Angular2应用程序中使用AWSSDK,但遇到了困难。以下是我采取的步骤:使用npminstallaws-sdk将awssdk安装到我的Angular2应用程序中使用npminstall--save-dev@types/node安装类型尝试以多种不同方式在我的Angular2服务中包含AWS模块:declarevarAWS:any;,importAWS=require('aws-sdk');,最后import*asAWSfrom'aws-sdk';。当我尝试使用第一种和第三种类型的导入时,直到我尝试访问AWS对象中的一个库时,我才收到编译器错误,即AWS.config.

javascript - 如何将 Typed.js 与 Angular 2 集成?

我会使用Typedjs在Angular2中制作打字机效果如site所示页面,我已经用npm安装了包:npminstalltyped.js然后我将这段代码添加到我的组件中:importTypedfrom'typed.js';//notsureifit'stherightway和ngOnInit(){vartyped=newTyped(".element",{strings:["ThisisaJavaScriptlibrary","ThisisanES6module"],smartBackspace:true//Defaultvalue});}然后在我的html文件中:Typed.jsis

javascript - 获取货币符号 Angular 2

我正在使用Angular2和货币管道构建应用程序,但我找不到根据没有任何数字的ISO值获取货币符号的方法。我的意思是我只想要符号而不设置要格式化的数字。正常情况$3.00我只需要$symbol,不需要数字 最佳答案 Angular提供了一个内置方法getCurrencySymbol,它可以为您提供货币符号。您可以将管道作为该方法的包装器编写为import{Pipe,PipeTransform}from'@angular/core';import{getCurrencySymbol}from'@angular/common';@Pip

javascript - Angular 5 + Popper.JS

我正在尝试启动在其功能中需要Popper.Js的培训项目。但是,似乎并没有让我刚开始使用Popper.Js。根据Bootstrap的文档,我通过启动Popper.Js$(function(){$('[data-toggle="tooltip"]').tooltip();});我在ngOnInit的主要组件中使用它。但是,它不起作用。出现错误“属性‘tooltip’在类型‘JQuery’上不存在”。我导入了jquery和bootstrap包文件。所有库的类型都已安装。我还尝试了纯“popper.js”而不是bootstrap.bundle.js。但是出现同样的错误。Bootstrap.b

javascript - 在 Bootstrap 模式中调用时,工作 "Copy to Clipboard"函数不起作用

目标:将Bootstrap模式中的文本复制到剪贴板。JS:$(document).ready(function(){$(document).on('click','#copy-btn',function(){//varvalue=$('#error-message').html();//usingastaticvalue,justtoeliminateanyquestion//aboutwhatshouldbecopied.copytext('kilroytestedthis');})});functioncopytext(text){vartextField=document.cre

javascript - 在 Firefox 中使用 JavaScript 捕获 Tab 键

我使用以下限制用户只能输入一些字符。当我按Tab键时,光标不指向下一个控件(在Mozilla中)。但它在IE中运行良好。//Restrictsusertoentercharactersotherthanatoz,AtoZandwhitespace()//RaufK.06.11.2010$("input:text.characters_only").keypress(function(e){if(!((e.which>=65&&e.which=97&&e.which 最佳答案 我建议尝试使用e.keyCode而不是e.which。这是

javascript - 如何使 jQuery UI slider 捕捉到预定义的值?

我在jQueryUI中有一个slider,其中有一些用户可以选择的预定义值。但是,现在,它只是从1到60,并没有使用我的值。我有以下数字:1,3,5,15,30,60这是我的代码:$(document).ready(function(){varvalMap=[1,3,5,15,30,60];$("#resolution-slider").slider({min:1,max:60,values:[2],slide:function(event,ui){$("#resolution").val(ui.values[0]);$(".resolution-preview").html(ui.v

javascript - 使用 Joomla 及其 Mootools 的 Twitter Bootstrap Carousel

我正在使用TwitterBootstrap为Joomla2.5.x制作模板。我还想为该模板使用BootstrapCarousel插件。当Carousel与Joomla的Mootools实现一起使用时,我遇到了问题。Carousel元素的样式正在以负边距更改,使其对用户不可见。为了向您展示到底发生了什么,我准备了一个jsfiddlehttp://jsfiddle.net/U2pHH/11/给你。由于Carousels更改样式属性,Carousel使用户看不到每一秒钟的图像,但用户应该看到每张幻灯片。我已经查看了Carousel插件和MootoolsJS文件的源代码,但遗憾的是无法找出问题

javascript - jQuery UI 多选小部件清除所有复选框

希望快一点...我需要在我页面上一个单独按钮的点击事件中触发uncheckAll事件,我尝试了以下方法:$('.masterProviderOrgsListBox').multiselect().uncheckAll();但这不是公认的方法。我基本上想触发与单击标题中的“全部取消选中”框时触发的方法相同的方法。我之前是这样做的:$('.masterProviderOrgsListBoxoption:selected').removeAttr("selected");但这会删除实际多选而不是jQueryUI小部件上的选择。在文档中找不到任何内容,有什么想法吗?