草庐IT

ng-bootstrap

全部标签

javascript - 通过 JavaScript 填充时 Bootstrap 双列表框问题

我在使用BootstrapDualListbox(http://www.virtuosoft.eu/code/bootstrap-duallistbox/)时遇到了一些问题。当通过javaScript填充ListBox时,它没有按预期工作。我的意思是不工作是列表没有正确填充,并且从两个列表框中传输选定的项目不是它应该工作的那样。不知何故,当列表由硬编码填充时,它运行良好。这是一切正常的部分:Option1Option2Option3Option4Option5Option6Option7Option8vardemo2=$('.eItems').bootstrapDualListbox(

javascript - 写入 Firebase 时将 Angular ng-model 转换为整数

我正在使用AngularFire获取输入并将它们保存到我的Firebase数据库中。目前,我有一个用于输入服务价格的输入,就像这样(我使用的输入类型是“文本”而不​​是“数字”,因为我不希望它在旧浏览器中引起问题):但是,当我在提交表单时(使用更新函数)将其写入我的Firebase时,它​​会将值$scope.priceMonthly写入字符串而不是整数。将此值写为整数而不是字符串的最佳方法是什么? 最佳答案 type="number"怎么样,比如:因为你想让用户只写数字。$scope.myText应该是这种情况下的数字。作为旁注:

javascript - Twitter Bootstrap 3 - Navbar Fixed Top - 多行时重叠内容

首先,这不是固定顶部导航的bodypadding-top问题。body{padding-top:40px;}我有一个导航栏,无论好坏,它都有很多数据/信息。我遇到的问题是,当导航栏分成多行时(这很好)它与内容重叠(不好)。以下是我所见/所经历的示例。http://jsfiddle.net/jsuggs/ZaMs3/7/有没有人有聪明的javascript解决方案来更改正文填充或在导航栏分成多行时强制折叠的方法?更新这是我最终使用的。我不得不添加一些额外的填充并组合加载和调整大小事件。$(window).on('loadresize',function(){$('body').css({

javascript - 在指令中观看 ng-model

我有以下指令:directive('myInput',function(){return{restrict:'AE',scope:{id:'@',label:'@',type:'@',value:'='},templateUrl:'directives/dc-input.html',link:function(scope,element,attrs){scope.disabled=attrs.hasOwnProperty('disabled');scope.required=attrs.hasOwnProperty('required');scope.pattern=attrs.pat

javascript - ng-click、ng-mouseover 等是否会创建观察者并减慢页面速度?它比 jQuery 事件绑定(bind)更好吗?

我想知道在整个应用程序中大量使用ng-click、ng-mouseover等指令是否会导致类似于ng-repeat的性能问题?我正在使用AngularJS开发一个应用程序。由于ng-repeat和它创建的观察者数量,我已经遇到了很多问题。性能受到了影响,我正在努力解决。 最佳答案 在Angular的事件指令中没有创建额外的watch。事件指令非常简单,使用jquery(如果不包含jquery,则使用jqLit​​e)将事件监听器添加到带有指令的元素(即ng-click)。这是以Angular设置事件指令的代码。如您所见,他们并没有创

javascript - angular.js ui + bootstrap typeahead + 异步调用

我将typeahead与angular.js指令一起使用,但我填充自动完成的函数进行了异步调用,我无法返回它来填充自动完成。无论如何让它与这个异步调用一起工作? 最佳答案 我可以假设您正在使用Bootstrap2.x的typeahead吗?如果是这样,在文档中,typeahead()选项的source字段的描述是这样的:Thedatasourcetoqueryagainst.Maybeanarrayofstringsorafunction.Thefunctionispassedtwoarguments,thequeryvaluein

javascript - 在 ng-repeat 中显示子数组

在我的Angular应用程序中,我有以下像这样填充的元素:HTMLModel[[model.model]]JS$scope.manufacturerModels=$filter('filter')($scope.models,{manufacturer_id:manufacturerId});上述AngularJS代码段将返回存储在API中的手机型号的JSON响应。(我会在这里发布一个示例,但每个对象都非常冗长)。无论如何,在每个“模型”中都有一个变体子数组——包含该设备可用的颜色和内存大小的对象。例如:{model:"iPhone6",manufacturer:"Apple",var

javascript - 如何更改 Bootstrap 内联日期选择器以适应全宽

我在这里使用Bootstrap日期选择器:https://github.com/eternicode/bootstrap-datepicker现在我想用父容器调整它的宽度,但目前它只填充一个固定大小,我不知道在哪里可以通过CSS更改它。也许您之前遇到过类似的问题并愿意帮助我?我附上了问题的图片:http://i.stack.imgur.com/ShZTU.png下面是通过JavaScript添加日期选择器功能之前的代码:';RobertJangemail@example.com然后我使用这段JavaScript代码添加日期选择器功能:jQuery('#bs-datepicker-inl

javascript - Chart.js 在隐藏的 Bootstrap 选项卡中呈现

这让我抓狂,我在Bootstrap选项卡中使用Chart.js,但它们不会呈现,因为加载DOM时宽度设置为零。在尝试弄清楚为什么我的图表不存在之后,我终于发现了这一点!我在网上搜索过,似乎没有什么可以解决我的问题,任何人都可以帮我解决这个问题,我想我需要一些脚本来在选择选项卡并成功加载时呈现图形我正在使用这个JS:vardata=[{value:300,color:"#F7464A",highlight:"#FF5A5E",label:"Red"},{value:50,color:"#46BFBD",highlight:"#5AD3D1",label:"Green"},{value:1

javascript - 如何调用bootstrap colorpicker的 'changeColor'方法?

我通过添加bootstrap-colorpicker.css和js来使用bootstrap颜色选择器,如下所示:-我通过给它一个id来隐藏文本框。现在我的要求是每次用户更改颜色时都触发一个方法。文本框被隐藏,所以我不能使用onchange方法。我正在使用.watch方法,但它给出的oldValue为“未定义”。document.getElementById('irColorCode').watch('value',function(id,oldval,newval){console.log(id+""+oldval+""+newval);});有没有其他方法可以做到这一点或解决这个问题