Question

我尝试使用NgbInputDatePicker输入选项下列出的展示位置选项。

我想更改弹出式日期选择器的默认左下角位置，但是当我尝试在plunker示例中使用展示位置时https://ng-bootstrap.github.io/app/components/datepicker/demos/popup/plnkr.html）它不会改变位置弹出窗口。

我试过了：

添加[placement] =＆＃34; top＆＃34;在输入标记内：

<input class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [placement]="top" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">

我也试过把它放在父div中：

<div class="input-group" placement="top">
  <input class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">

但似乎都没有改变弹出位置。我是Angular的新手，所以也许我只是以某种方式错误的语法？我注意到文档中的其他输入API似乎以这种方式使用，所以我认为它可能有用......

我使用的是ng-bootstrap 1.0.0-beta.2和Angular 4.3.4。

感谢。

Answer 1

问题是您正在使用绑定到表达式（top表示[placement]="top"中的表达式，而我认为您的意图是使用"top"常数。您可以使用以下两种方法之一解决它：

placement="top"（首选）
[placement]="'top'"（注意top周围的其他引号）

如果正确指定，placement选项的效果非常好，如此邮件中所示：http://plnkr.co/edit/NCNmpm3tlxapH4jZS08F?p=preview

ng-bootstrap datepicker弹出窗口位置不变

1 个答案: