标签: angular-bootstrap

我在Angular bootstrap集合中使用了datepicker.(http://angular-ui.github.io/bootstrap/).

我知道你可以在datepicker中禁用个别日期,但我需要禁用整个日期选择器,如本博文(使用jQuery)所示.

你会如何使用Angular禁用整个日期选择器？

我正在使用Angular-Bootstrap Carousel指令，并在其上进行一些更改。轮播有ng-repeat幻灯片。

我试图通过将左右控件悬停而不是单击来转到下一张/上一张幻灯片。并通过更改object.active状态来实现（以前为false-新为true）

无论如何，几轮之后，我所有的物体都active=false摆好了，转盘什么也没显示。在调试数组并$watch在每个对象上发现错误后，是因为该指令以某种方式更改了active=false我不希望的时间。

长话短说：我能以某种方式获取我正在使用的范围内的对象的调用堆栈$watch吗？

例如，我的监视代码如下：

$scope.$watch('requestFilters[0]', function(obj) {
    console.log('Item 0 changed');
}, true);

嗨，我正在尝试在自举模式中添加水平滚动条。我知道水平滚动条不是一个好主意，但就我而言，我有动态内容，该内容可以具有可变的宽度，因此当宽度超过模态主体的宽度时，我想使模态主体可水平滚动。

这是我尝试过的

<div class="modal-header">
<h3 class="modal-title">Decomposition</h3>

  <div class="modal-body">
  <div class="scoll-tree">
       <div class="list-group" ng-repeat="item in items"> 
          <a class="list-group-item" href="javascript:void(0);" ng-click="getChildren(item)">{{item.value}}</a>
       </div>

  </div>

</div>

CSS：

.modal-body {
     max-width: 900px;
     overflow-x: auto;
}

以下是我已经尝试了小提琴.. https://jsfiddle.net/4duq2svh/2/

任何帮助表示赞赏。

提前致谢。

在折叠内容中加载光滑滑块(在这种情况下为angular-bootstrap collapse插件)时,.slick-track div的宽度为0px,导致滑块尝试将所有幻灯片放在彼此的顶部.按箭头查看下一张幻灯片时,幻灯片恢复正常.如果我选择滑块并想要检查浏览器中的组件,它也会恢复正常.

请看这个例子:http: //plnkr.co/edit/iw9f2alEnK0HFkv1eq16？p = preview

这是我正在使用的光滑配置:

$(document).ready(function(){
    $('.tourImageSlider').slick({
          dots: true,
          infinite: false,
          slidesToShow: 3,
          slidesToScroll: 1,
          responsive: [
            {
              breakpoint: 1500,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 1000,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }]
    });
});

有人会知道如何解决这个问题吗？谢谢!

我最近遇到了一个问题 - 在我的角度应用程序的某些部分,我必须以下面的格式显示日期:MMMM yyyy以及Angular UI Bootstrap框架的一些组件.

基本问题是,在某些语言中,主格和属格案例中的月份拼写不同.在我的情况下,将是波兰语,乌克兰语和俄语.

因为它看起来默认MMMM代表一般情况下的月份名称,这通常是有道理的.

虽然我注意到在俄语和波兰语的角度语言环境文件中,有一个属性STANDALONEMONTH,正如我所见,代表月份名称.(虽然乌克兰文件缺少那部分)

虽然我不太确定如何使用它们.我的基本建议是与装饰师一起去dateFilter.

所以问题是 - 是否存在角度的月份名称变形处理的标准方式,或者常用的变通方法,以便$locale使用该名称的第三方库将使用正确的月份名称.

例

date: '2016-01-20'

en-us: 
'dd MMMM yyyy' -> '20 January 2016'  
'MMMM yyyy'    -> 'January 2016'    

uk-ua: 
'dd MMMM yyyy' -> '20 ????? 2016'    // genitive case - it is fine
'MMMM yyyy'    -> '????? 2016'      // wrong: should be '?????? 2016'

pl-pl: 
'dd MMMM yyyy' -> '20 stycznia …

我想绑定角度timepicker和datepicker.我正在使用Angular bootstrap库

根据timepicker的文档,它需要new Date最小值和最大值的对象.如果我只是这样设置

var d = new Date();
d.setHours( 2 );
d.setMinutes( 0 );
$scope.minTime = d;

var d = new Date();
d.setHours( 11 );
d.setMinutes( 0 );
$scope.maxTime = d;

<uib-timepicker ng-model="mytime" min="min" max="max" show-meridian="false" min="minTime" max="maxTime"></uib-timepicker>

由于对象,这仅适用于今天new Date().

我想让它在我选择的任何一天工作.目前,timepicker不会根据需要限制时间.此外,有时timepicker框边框变为红色(可能是由于验证错误),但没有指定错误究竟是什么.

请查看: http ://plnkr.co/edit/LOZ9T6zexRkQpqSIaJiA?p=preview

我一直在使用react或angular开发web应用程序,但我很困惑为什么人们会使用像react-bootstrap(https://react-bootstrap.github.io/introduction.html)或Angular-bootstrap这样的库？因为当我创建时我只需要使用链接标记及其对应的js lib加载css框架,然后在reactjs方面,我只需要放置组件所需的类.这听起来不容易吗？

谢谢,

我需要提供带有动态选项的 select UI 元素，我有一个方法可以根据 Inputs 返回一个 observable

TypeScript（组件类）

getCars(type : string, engine : string) : Observable<Cars>{
    return this.carService.getCars(type,engine);
} 

在 HTML 中，我让我的元素为数据调用此方法

Html（模板文件）

<ng-select [items]="getCars(type,engine) | async"
    bindLabel="value"
    bindValue="id"
</ng-select>

但这会导致服务被无限调用。我不想使用 ngOnInit 因为我需要动态分配 observable

我正在使用此 UI 元素进行选择

哪些代码更改可以纠正下面描述的错误？

用例

下拉输入 UI 受到保护，不会通过模式意外选择值更改。但是，连接到下拉列表的事件（单击、焦点或其他）会导致在开发模式下的 Chrome 控制台中观察到的 ExpressionChangedAfterItHasBeenCheckedError。

观察结果

单击下拉菜单时，会引发ExpressionChangedAfterItHasBeenCheckedError （请参阅控制台）

预期结果

单击下拉菜单时，将打开一个模态框，不会出现错误

演示

stackblitz中演示的链接

笔记

• 如“您需要了解的有关 ExpressionChangedAfterItHasBeenCheckedError 的所有信息”中所述，我尝试触发更改检测（请参阅 app.component.ts:48-49 内的注释，标记为 STEP-1 和 STEP-2），但未成功（可能触发）没在正确的地方？）
• 演示中的模式未完全实现 [确定] 和 [取消]，因为它不会影响错误
• 该代码是较大应用程序的简化版本

我尝试将背景颜色设置为 angular2 的 ngb-pagination 项目，但不起作用。

<ngb-pagination style="background-color:gray;" [collectionSize]="120" [(page)]="page" [maxSize]="5" [boundaryLinks]="true">

谢谢你。