javascript - 显示内联不起作用

Question

我正在尝试将 ngTimepicker 与我的 Angular 元素集成。它确实有效，但我无法将 ngTimepicker 输入与表单输入内联。 check plunker here

我希望这部分 html 位于一行中。

index.html

<form>
  <input type="text " required="true" ng-model="ctrl.taskObj.condition">
  <ng-timepicker ng-model="ctrl.taskObj.timeStart" step="30" theme="green"></ng-timepicker>
  <ng-timepicker ng-model="ctrl.taskObj.timeEnd" step="30" theme="green"></ng-timepicker>
  <button type="button" class="btn btn-primary" ng-click="ctrl.addTask()">Add</button>
</form>

Answer 1

您需要将 display inline-block 设置为 ng-timepicker 指令。因为它用模板替换了自身。

所以你需要写一个css like that ;

ng-timepicker {
  display: inline-block;
}