草庐IT

AngularJS-Bootstrap

全部标签

javascript - 将变量的值传递给 angularjs 指令模板函数

我试图将$scope的变量传递给指令,但它不起作用。我在模板函数中捕获变量:app.directive('customdir',function(){return{restrict:'E',template:function(element,attrs){console.log(attrs.filterby);switch(attrs.filterby){case'World':return'';}return'';}};});我需要的是变量filterby的值,而不是变量名本身。PlunkrDemo 最佳答案 或者像这样app.d

javascript - AngularJS Protractor E2E 测试中的页面对象

为AngularJS编写ProtractorE2E测试时处理页面对象模型的正确方法是什么?我觉得我应该将它们写在单独的文件中(如homepage.js、page2.js等),然后根据需要将它们以某种方式包含在规范中,例如模块。但是,我不知道如何注入(inject)它们。将不胜感激任何建议。谢谢! 最佳答案 将它们保存在单独的文件中,并使用Node的require引入您需要的任何帮助程序或页面对象。看看这个super简单的例子:https://github.com/juliemr/ng-page-e2e/blob/master/tes

javascript - 使用 jquery 在 bootstrap 中获取选定表行的值

我正在使用Bootstrap表。因为我想在单击同一页面上的“添加到购物车”按钮后获取所选表格行的ItemID值。表格代码:ItemIDProductNameActualPriceDiscountPriceStockAvailableJQuery代码:$(document).ready(function(){$("#add_cart").click(function(){//foreachselectedrowretrieve'ItemID'valuesinarray;//callajaxforotherpage.php?arr='ItemIDarray';});});因为我是boots

javascript - Twitter Bootstrap 2 javascript 插件不工作

Firebug抛出这些错误:$(document).on不是函数|bootstrap.js(第786行):$(document).on('keyup.dismiss.modal',function(e){$("body").on不是函数|bootstrap.js(第139行):$('body').on('click.alert.data-api',dismiss,Alert.prototype.close)然后插件不起作用。关于如何解决这个问题有什么想法吗?当然,我在Bootstrap之前加载了jquery,所以我不知道问题出在哪里。Jquery运行良好。

javascript - 如何在 "Bootstrap: collapse plugin"转换完成后触发 JavaScript 函数

我正在尝试在Bootstrap之后调整iframe的高度:collapse插件转换完成。Click事件不起作用,因为转换尚未完成,JavaScript获取了错误的高度信息。有解决这个问题的想法吗? 最佳答案 您需要处理折叠插件上的隐藏事件。FromDocshidden-Thiseventisfiredwhenacollapseelementhasbeenhiddenfromtheuser(willwaitforcsstransitionstocomplete).$('#myCollapsible').on('hidden',func

javascript - AngularJS:如何用格式打印出持续时间?

我使用下面的代码来打印持续时间:{{(endTime-startTime)*1000|date:'H:mm:ss'}}但我得到的是GMT+8时间AngularJS有任何方法可以打印出非转换时间,或者我需要用这种方式来做这个?{{(endTime-startTime)%(60*60*24)/(60*60)|number:0}}:{{(endTime-startTime)%(60*60)/60|number:0}}:{{(endTime-startTime)%60|number:0}} 最佳答案 在AngularJS1.3及更高版本中,

javascript - 在模式关闭后捕获 Angular Bootstrap UI $uibModal 关闭事件

我正在使用来自另一个Controller的$uibModal.open打开一个模态窗口,并且需要在模态窗口完全关闭时(而不是在关闭期间......)得到通知,这样我就可以运行一个函数.打开模态的代码如下:varmodalInstance=$uibModal.open({templateUrl:"myModalContent.html",controller:"termModalCtrl",windowClass:'app-modal-window',resolve:{'params':function(){returnid}}});我看到了一些建议使用的解决方案:modalInstan

javascript - Bootstrap 日期选择器弹出窗口未显示突出显示的当前日期

我通过使用Bootstrap-datepickerAPI使用Bootstrap日期选择器。当我单击按钮时,会显示日历/日期选择器弹出窗口,但它不会将当前日期标记为API示例中所示的蓝色字体。我正在使用下面的代码:$('#datepicker').datepicker();显示了日历/日期选择器弹出窗口,但当前日期没有像API示例中那样以蓝色突出显示,而且鼠标光标也不是指针。请帮我解决这个问题 最佳答案 如果你使用这个:https://github.com/eternicode/bootstrap-datepicker您必须在启动日历

javascript - 如何在 AngularJS 中使用过滤器从数组中删除项目?

当我在没有任何过滤器的情况下单击tr时,我的函数array.splice()起作用。数组中的索引顺序正确,因此array.splice()有效。启用过滤器后,数组中的索引不会更新,并且仍按相同的顺序排列。所以array.splice()删除了错误的项目。order$scope.remove=function($event,index,array){array.splice(index,1);};如何更新数组中的索引?或者如何删除正确的项目? 最佳答案 使用indexOf可以更轻松地将项目拼接在数组中元素的实际位置。$scope.re

javascript - 用于显示输入错误的 AngularJS 表单验证指令

我需要创建一个验证指令来自动显示每个输入的所有输入错误。此验证指令应显示当前的所有错误,并且错误列表应在用户键入时自动更新。如果输入是脏的,而不是空的和无效的,我需要显示所有输入错误。我需要将所有错误添加到此输入元素附近的html元素中。例如,如果输入有type="email"和ng-minlength="5"并且用户输入了'abc'我需要在这个输入附近显示这样的错误:'无效的电子邮件;请至少输入5个字符;'例如,如果输入有type="number"attr和min="200"以及min-model="minnumber"和minnumber模型设置为'300'并且用户键入'100'我