Tag: angular ui bootstrap

无法在angularjs中调用Object.keys: 我正在使用UI.Bootstrap手风琴，并且已经定义了我的标题，如下所示： <accordion-group ng=repeat="(cname, stations) in byClient"> <accordion-heading> {{ cname }} <span class="pull-right"> {{ Object.keys(stations).length }} Stations</span> </accordion-heading> 当显示Object.keys(stations).lengthparsing为Object.keys(stations).length 。如果我把同样长度的电话放在我的控制器里，我可以得到预期的计数。有什么办法阻止在AngularJS中工作吗？使用stations的手风琴的其余部分按预期工作，所以我知道它正在适当填充。 byClient数据结构基本如下所示： { "Client Name" : { "Station Name": [ {…}, {…} ] } }

我应该使用Angular UI Bootstrap还是纯Bootstrap 3？: 在编写的时候Angular UI Bootstrap基于Twitter Bootstrap 2，而最新版本是Bootstrap 3.如果我要在Angular.js中编写应用程序，我应该使用什么UI框架？ Angular UI还是只是普通的Bootstrap？那里有什么优点和缺点？无论是长期还是短期。

ui-bootstrap分页重置初始化当前页面: 我正在使用ui-bootstrap（angular-bootstrap）库中的分页指令。初始化时遇到问题。我通过url导航到特定页面时，出现了我的问题。发生了什么事情是我的控制器使用$ stateParams中的正确页面进行初始化，然后分页指令初始化并触发将页面重置为1的ng-change函数。现在，在select页面不再使用了一种只捕获用户点击更改页面的方法？理想情况下，我希望指令在控制器之前进行初始化，这样我的页面就不会被重置。先谢谢你。如果需要，我可以包含代码，但是我觉得我的问题不一定需要代码块。

如何从任何地方closuresAngular UI Modal: 我正在使用Angular UI引导模式对话框并在服务中创build它： myApp.factory('ModalService', ['$modal', function($modal) { return { trigger: function(template) { $modal.open({ templateUrl: template, size: 'lg', controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close($scope.selected.item); }; $scope.cancel = function() { $modalInstance.dismiss('cancel'); }; } }); }, close: function() { // this should close all modal instances } }; }]); 如何从控制器调用ModalService.close()时closures所有的模态实例？

支持路由的AngularJS UI Bootstrap选项卡: 我想在我的项目中使用AngularJS UI引导选项卡，但我需要它来支持路由。例如： Tab URL ——————– Jobs /jobs Invoices /invoices Payments /payments 据我从源代码可以看出，目前的tabs和pane指令不支持路由。什么是最好的方式来添加路由？

Datepicker不会在angular-ui版本0.11.0中打开两次: 我想要有2个dateselect器，我正在使用Angular UI版本0.11.0。我的HTML代码 <span ng-if="periods.period == 10"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customStartDate" is-open="opened1" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened1')"><span class="glyphicon glyphicon-calendar"></span></button> </span> <span ng-if="periods.period == 10"> – <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="cdate.customEndDate" is-open="opened2" min-date="cdate.customStartDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" class="input-md" /> <button class="btn" ng-click="open($event,'opened2')"><span class="glyphicon glyphicon-calendar"></span></button> </span> 和我的JS代码是` $scope.disabled = function(date, […]

AngularJS / Angular-ui-bootstrap更改datePicker使用的语言: 我使用这里logging的datePicker。但是，没有直接选项允许更改语言，默认情况下是英文。我find了一个没有angular指令的widget的文档，它提供了一个很好的方法来实现它： http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html 有没有简单的方法，避免调整原指令的源代码，改变它？

如何在一个页面上至less有两个ui-bootstrapdateselect器？: 我想在页面上有几个dateselect器。但是使用UI-Bootstrap的默认解决scheme是不可能的，没有一个dateselect器可以打开。彼此冲突。这是我的代码： <div> <div class="form-horizontal pull-left"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true"/> <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button> </div> <div class="form-horizontal pull-left"> <input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" /> <button class="btn" ng-click="open()"><span class="glyphicon glyphicon-calendar"></span></button> </div> <button type="submit" class="btn btn-default">Submit</button> </div> 我只是从网站http://angular-ui.github.io/bootstrap/#/datepicker复制/粘贴了datepicker代码。他们相互冲突。当我点击<input>字段打开一个dateselect器，没有人可以正确打开，都打开一秒钟，立即消失。我怎样才能在一个页面上有几个dateselect器？

点击外部时，隐藏Angular UI Bootstrappopup窗口: 我试图手动closures一个引导popup窗口让它closures，当我点击document或body不是popup窗口的任何地方。我发现完成这个最接近的事情是创build一个指令（ find这个答案），但这是一个手动触发，如果一个variables是true或false 。任何人都可以帮我弄清楚如何点击不是popup窗口的东西？我不介意使用jQuery $(document).click(function(e){}); 我只是不知道如何打电话结束。 <div id="new_button" popover-template="plusButtonURL" popover-placement="right" popover-append-to-body="true" popover-animation="false">+</div> 通常情况下， popover-trigger="focus"可以做到这一点，但是我的popover包含需要点击的内容。如果我使用焦点触发器，我的popup窗口中会有一个ng-click ，所以我正在寻找一种不太常规的方法来解决这个问题。

$ watch不会触发数据更改: 我有一个针对ui-select2下拉列表（来自ui-bootstrap）的手表设置。手表在负载上启动，但没有数据变化，我不明白为什么。这不是通常的问题，没有申请模型的变化，也没有使用第三个参数进行平等比较（至less从我的代码）。我需要做些什么才能把它烧掉？这是一个展示这个问题的普普通通。