标签: angular-ui-bootstrap

实例:http://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview

单击"打开模态1"时,将引发以下错误:

错误:找不到Dialog.open预期模板或templateUrl.使用选项或open方法指定它们.

但是,不使用的Modal 2 ng-include工作正常.

此外,如果ui-bootstrap-tpls-0.1.0.js包括而不是ui-bootstrap-tpls-0.2.0.js,所有工作正常.

有任何想法吗？

如何在Bootstrap UI分页指令中翻译文本？

我已经为法语翻译覆盖了这样的常量:

angular.module('myapp', ['ui.bootstrap'])
    .constant('paginationConfig', {
        itemsPerPage: 10,
        boundaryLinks: false,
        directionLinks: true,
        firstText: 'Premier',
        previousText: 'Précédent',
        nextText: 'Suivant',
        lastText: 'Dernier',
        rotate: true
    })

但重写常数似乎是一个坏主意......

这样做的正确方法是什么(如果有的话)？

我正在尝试在手风琴标题上添加一个按钮.但是当我点击按钮时,手风琴组会崩溃或打开.但是当我点击按钮时,我不想触发手风琴点击.

如果我将按钮标签放在accordion-heading中,它会将它放入accordion-toggle类中.所以它不会触发按钮点击.不确定是否有一种简单的方法来改变它.

http://plnkr.co/edit/eXE7JjQTMxn4dOpD7uKc?p=preview

有人可以帮忙吗？谢谢

当使用UI Boostrap tabset以及使用ui-router和ui-router-extras创建的嵌套粘性状态时,我遇到一个问题,即通过URL导航到选项卡的状态将选择第一个选项卡以及正确的选项卡.它应该只激活状态与URL路由匹配的选项卡.

这是tabset的样子:

<div style="position:relative">
      <tabset>
        <tab heading="Dashboard" ui-sref="LMS.Dashboard" ui-sref-active="active"></tab>
        <tab heading="Modules" ui-sref="LMS.Modules" ui-sref-active="active"></tab>
        <tab heading="Messages" ui-sref="LMS.Messages" ui-sref-active="active"></tab>
        <tab heading="Settings" ui-sref="LMS.Settings" ui-sref-active="active"></tab>
      </tabset>
      <div ui-view="Dashboard" class="tab-content" ng-show="$state.includes('LMS.Dashboard')">
          <h2>Dashboard</h2>
          {{test}}
      </div>
      <div ui-view="Modules" class="tab-content" ng-show="$state.includes('LMS.Modules')">
          <h2>Modules</h2>
      </div>
      <div ui-view="Messages" class="tab-content" ng-show="$state.includes('LMS.Messages')">
          <h2>Messages</h2>
      </div>
      <div ui-view="Settings" class="tab-content" ng-show="$state.includes('LMS.Settings')">
          <h2>Settings</h2>
      </div>
    </div>

我这里有一个吸烟者:

http://plnkr.co/edit/sQB58YKntDwNIUpAdLmT?p=preview

要查看问题,请选择"仪表板"以外的选项卡,然后重新加载"实时视图"框.

另一种方法是在窗口中打开它,切换选项卡,然后重新加载.

我有一个包含标签和按钮的下拉列表.我希望能够在没有下拉关闭的情况下单击选项卡,但如果我单击一个按钮,它将关闭.

我使用$ event.stopPropagation()来停止关闭,但显然这会阻止关闭它的按钮.

有没有办法做到这一点？

当用户使用UI Bootstrap 1.3在datepicker日历上更改月份时，我需要致电后端。

有没有选择在ngRepeat的基础上打开第一支手风琴？

var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('myCtrl', function($scope) {
  $scope.status = {
    isFirstOpen: true,
    oneAtATime: true
  };
  $scope.cards = [{
    "id": 1,
    "bankid": 999999,
    "type": "VISA",
    "no": "1234 5678 9012 3456",
    "from": "01/06",
    "expiry": "05/18",
    "cvv": 345,
    "name": "Kallayi Basheer Shah"
  }, {
    "id": 2,
    "bankid": 888888,
    "type": "Master",
    "no": "3456 7890 1234 5678",
    "from": "06/12",
    "expiry": "07/16",
    "cvv": 678,
    "name": "Shah Basheer"
  }, {
    "id": 3,
    "bankid": 777777,
    "type": "VISA",
    "no": "9012 3456 1234 5678",
    "from": "03/10", …

我想允许MM/dd/YYYY或M/d/YYYY.

或者这种模式:

• 02/04/1998
• 02/4/1998
• 2/04/1998
• 2/4/1998

我发布了一个早期的问题:angular-ui-bootstrap:使用popover-html在popover中实现html,并建议我使用popover-template.

<i popover-template="popover-partial.html" popover-title="In Progress" class="glyphicon glyphicon-info-sign"></i>

<script type="text/ng-template" id="popover-partial.html">
    <b>Jody</b>
</script>

所以我试图这样做,但现在弹出窗口不会在点击时激活.

我使用的是版本0.13.4.

$ uibModalInstance是否有任何属性,如.ready或.opened？我试图根据传递给它的数据更改UI Bootstrap模式中的CSS类元素.加载模态后,我需要一种方法来触发函数.我知道$ uibModal具有.opened,.close和.rendered等属性,但这会在创建模态的控制器中触发,而不是在模态控制器本身内.由于所有数据都在模态控制器内,因此我无法从外部控制器访问它.

有什么建议？