草庐IT

Angular-bootstrap

全部标签

javascript - 加载时的 Bootstrap-angular-ui 模式

我正在使用bootstrap-angular-ui-modal对于我正在处理的网站。我用来打开模态的代码$modal.open({templateUrl:'/home/template',controller:myCtrl,resolve:{data:function(){returndata;}}});一切正常。但是我需要找到一种方法来在加载模态后执行一些代码。我尝试了不同的东西,但无法使它们起作用。我尝试过的一些事情在我做的模板中document.onload=function(){console.log('opened');};我还发现名为openned的Angular模态对象有

javascript - 将 bootstrap popover 保持在视口(viewport)内

我正在尝试使用带有按钮的侧边栏创建一个菜单,每个按钮都有一个包含相关数据的指定弹出窗口。不幸的是,其中一个弹出窗口可能包含任意数量的行,并且在某些情况下它可能部分位于视口(viewport)之外。参见http://jsfiddle.net/bfd9f/1/有关问题的示例(单击“任务”按钮)我想我可以通过编程将弹出窗口的顶部更改为一个定义的值,当负值(即在视口(viewport)之外)时,为了做到这一点,我已经设法在收听show.bs.popover事件。不幸的是,我认为由于它尚未呈现,它的大小似乎为(23,107),而它应该类似于(300,xxx)并且位置为(0,0)。有没有办法解决这

javascript - Angular JS 适用于 Chrome,但不适用于 IE 11

我在以下位置学习AngularJS:http://www.sitepoint.com/practical-guide-angularjs-directives/,我发现以下代码在Chrome中有效,但在IE11中无效。NoTitlevarapp=angular.module('myapp',[]);app.directive('helloWorld',function(){return{restrict:'AE',replace:true,template:'HelloWorld!!',link:function(scope,elem,attrs){elem.bind('click',

javascript - Scala Play Framework 和 Angular JS - 在重复和混合概念方面付出了太多努力

我尝试在playframework+scala+AngularJS上编写应用程序。目的是创建一个web应用程序,当JavaScript在浏览器中关闭或打开时,它可以正常工作。这是编写公共(public)网站时的通常要求(这对人们和将其编入索引的谷歌来说应该是好的)所以我最终用JavaScript编写了~50%代码,有两(2)个名为“controller”的文件夹-一个用于Scala代码,一个用于JS代码(因为AngularJS也使用Controller概念)。此外,由于JS代码应该使用Ajax调用,我不得不创建一个返回的scala-controllerjson,但不是html返回客户端

javascript - 在 Angular 应用程序之外使用 Angular 过滤器

我想使用Angular日期过滤器在客户端格式化日期。我想这样做,因为我在我的应用程序的某些地方使用了Angular,我希望我的日期在整个应用程序中统一格式化。我想做的是:functionformatDatetime(date,format){varngDateFilter=angular.getDateFilter();//that'swhatI'maskingaboutreturnngDateFilter(date,format);}我只在几个页面上使用Angular应用程序,但日期分布在各个页面上(有和没有Angular应用程序)。 最佳答案

javascript - 如何在ajax成功中打开bootstrap modal

我想通过jquery打开bootstrap模式。我知道ajax在运行成功时会发出警报。但是无法打开模态。这些是我的代码。$.ajax({type:"POST",url:"",data:{'apiName':apiName,'api':api,'hotel':hotel,'payment':payment,'template':template},success:function(msg){$("#getCodeModal").modal("toggle");$("#getCode").html(msg);}});我的模态HTML是:×APICODE//ajaxsuccess

javascript - Angular 指令绑定(bind)函数,不向 Controller 传递参数

我有一个与Boxfilepicker交互的指令.我的指令由2个独立的Controller使用,将来可能会添加更多。Box文件选择器允许您在用户选择文件/文件夹后设置回调函数,如下所示:varboxSelect=newBoxSelect();//RegisterasuccesscallbackhandlerboxSelect.success(function(response){console.log(response);});我的Controller正在使用指令,它们将成功回调逻辑作为范围变量,我将其传递给指令。我创建了一个plunkr我在mockBox选择行为的地方Controlle

javascript - Angular ui网格如何显示加载器

我想知道如何在加载数据之前显示一个简单的加载程序。我正在使用ng-grid-1.3.2我正在谷歌搜索,但没有找到任何示例。再见 最佳答案 喜欢MaximShoustin建议您可以使用JimLavin中的angularjs-spinner它使用(已弃用)ResponseInterceptors.我认为这里解释得最好:http://codingsmackdown.tv/blog/2013/04/20/using-response-interceptors-to-show-and-hide-a-loading-widget-redux/简

javascript - 选择自动完成 Angular Directive(指令)

我正在寻找一种方法使我的选择进入自动完成字段。我知道angularJS指令可以为您提供自动完成功能,但这些指令不允许输入名称(用户看到的)和输入值(系统使用的)不同。但是,我需要一个选择框,因为选项名称(用户将看到)和选项值(系统将使用)不同。我知道有这样一个jQuery插件,selectToAutocomplete,它非常简洁并且运行良好,但我更愿意尽可能多地使用AngularJS。jQueryselectToAutocomplete是否有AngularJS替代品? 最佳答案 AngularUI(http://angular-ui

javascript - 如何为 angular-chart.js 中的每个栏设置不同的颜色?

我看过HowtochangecoloursforAngular-Chart.js,但它与整个(数据集)的颜色有关,而不是特定条形。我正在寻找的是一种应用Differentcolorforeachbarinabarchart;ChartJS的方法到Angular。所以,我有一个条形图:使用以下Angular代码(当然在Controller中)$scope.chartParams={listOfLocations:['Trenzalore','Earth','Caprica','Sol','TauCeti'],votes:[[5,10,6,7,2]],series:["NicePlaces