草庐IT

Angular-bootstrap

全部标签

javascript - Angular 2 使用现有提供者

useExistingprovider的用法是什么?是useExistingOrThrowIfThereIsNone还是useExistingOrCreateIfThereIsNone?是否可以根据我们的需要以某种方式故意选择其中一种行为?如果其中一个不支持,是否可以模拟一个不支持的?文档对此完全不清楚,只是给出了一个示例,说明useExisting可以重用useClass中的实例。 最佳答案 以这个例子providers:[A,{provide:B,useClass:A},{provide:C,useExisting:A}]如果你

javascript - Twitter Bootstrap 选项卡显示事件未在页面加载时触发

在我有n个选项卡的页面中,以及以下脚本(coffeescript,我检查了已编译的javascript,它似乎没问题)...$->init()init=->$('a[data-toggle="tab"]').on'shown',(event)->shown=event.targetconsole.log("Showingtab:"+shown)现在,'shown'事件不会在页面加载时触发,因此对于页面上显示的第一个选项卡,无法处理此问题(即:通过xhr加载内容)我试着将它添加到上面的脚本中,看看手动触发它是否可行:$('a[data-toggle="tab"]:first').tab'

javascript - bootstrap-select 添加项目并选择它

我正在使用SilvioMoreto的BootstrapSelect。在我的页面上,我有一个按钮可以打开带有输入框的模式,允许您将项目添加到选择器。然后我想自动选择该项目,但我无法让它工作。我的代码是:$('#myselect').append(''+newitemdesc+'');$('#myselect').val(newitemnum);$('#myselect').selectpicker('refresh');但这根本行不通。该项目未被选中。我尝试用:替换选择行$('#myselect').selectpicker('val',newitemnum);但这也行不通非常感谢任何想

javascript - 如何获取 Twitter Bootstrap 按钮组中选定按钮的值

如果我在bootstrap中有一个如下所示的单选按钮组:1234如何获取/设置所选值? 最佳答案 要设置事件元素,请将类active添加到您想要选择的任何按钮(并取消选择其余部分)。$('.btn-group>.btn').removeClass('active')//Removeanyexistingactiveclasses$('.btn-group>.btn').eq(0).addClass('active')//Addtheclasstothenthelement要获取当前事件按钮的html/文本内容,请尝试如下操作:$('

javascript - 如何使 FileReader 与 Angular2 一起工作?

如何使FileReader与Angular2一起工作!!当使用Angular2和Typescript从客户端读取文件时,我尝试以这种方式使用FileReader:varfileReader=newFileReader();fileReader.onload=function(e){console.log("runfileReader.onload");//......}但它根本不起作用,这个'fileReader.onload'函数将永远不会被调用。确实需要读取文件的解决方案,请帮忙。谢谢从在线IDE中检查:预览:https://angular2-butaixianran.c9.io/

javascript - Angular 2,设置默认值以选择选项

我尝试为选项添加默认值。它就像一种占位符,我使用thismethod去做吧。在纯HTML中它可以工作,但如果我尝试使用angular2属性的*ngFor,它不会选择任何东西。这是我在纯HTML中使用的代码:SelectLanguageHTMLPHPJavascript并使用Angular模板:{{item.label}}类是import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'app-form-select',templateUrl:'default.component.html'})

javascript - 在 Angular 4 上使用 Chart.js

我正在尝试将Chart.js与Angular4一起使用,我在chart.js文档中看到了一个示例,但它使用标记来提取脚本,因此它在组件上不起作用。这就是我试图适应Angular的方式:TSexportclassGraphicsComponentimplementsOnInit{ctx=document.getElementById("myChart");myChart=newChart(this.ctx,{type:'pie',data:{labels:["New","InProgress","OnHold"],datasets:[{label:'#ofVotes',data:[1,2

javascript - 如何在运行时更改 Bootstrap (twitter)进度条的颜色

我正在使用这个进度条:http://twitter.github.com/bootstrap/components.html#progress并且想给它一个自定义颜色,只在运行时才知道(所以硬编码在css或更少的文件中不是一个选项)我已经试过了:$('#pb').css({'background-color':"red"})没有成功。 最佳答案 您的代码实际上是有效的,只是进度条实际上使用渐变作为颜色而不是纯background-color属性。要更改背景颜色,请将background-image设置为none,您的颜色将被拾取:$

javascript - Angular UI 路由器 : Nested Views Not Working

构建一个多步骤表单(“向导”)。最初关注thistutorial,效果很好,但现在我正在尝试对其进行调整,以便将第一步嵌入主页而不是单独的状态。无论我尝试什么,我都无法创建ui-sref可行的路径。我总是得到:Couldnotresolve'.where'fromstate'home'或Couldnotresolve'wizard.where'fromstate'home'或Couldnotresolve'wizard.where@'fromstate'home'…即使wizard.where@在中工作正常.正确的语法是什么?相关文件如下:home.js(完整保留注释,以便您可以看到我

javascript - 如何使用 react-bootstrap 创建动态下拉列表

例子code在react-bootstrap站点中显示以下内容。我需要使用数组来驱动选项,但我找不到可以编译的示例。select(multiple)... 最佳答案 可以从这两个函数入手。第一个将根据传递给页面的Prop动态创建您的选择选项。如果它们映射到状态,则选择将重新创建自己。createSelectItems(){letitems=[];for(leti=0;i{i});//hereIwillbecreatingmyoptionsdynamicallybasedon//whatpropsarecurrentlypassedt