Jquery md-timepicker 在 ng-repeat 中不起作用答案

【问题标题】：Jquery md-timepicker is not working in ng-repeatJquery md-timepicker 在 ng-repeat 中不起作用
【发布时间】：2021-02-22 10:52:38
【问题描述】：

这是我的 HTML 代码

    <tr ng-repeat="BreakData in $root.dataFromController[$root.selectedShift].BreakData">
        <td style="font-size:20px; text-align:left;">{{BreakData.BreakName}}</td>
        <td>
<md-input-container class="hmSchIn" ng-hide="TblRowData.strScheduleCompressorNameShiftStartTime == ''">
            <input type="text" id="timepicker" ng-model="BreakData.StartTime" ng-readonly="true" />
    </md-input-container>
         </td>

只有第一个输入字段打开，其余的都不起作用。

【问题讨论】：

可能是因为您正在为页面中的多个元素重复使用该 ID。
即使我也这么认为。但是如何解决这个问题呢？
其实我不确定你是否正确初始化了输入。您可以链接您用于时间选择器的版本的文档吗？
不确定版本，但如果您需要多样化您的 id，您可以使用 $index 来帮助您。 id="timepicker{{$index}}"
非常感谢。它通过编写 id=“timepicker{{$index}} 开始工作。

标签： javascript jquery angularjs

【解决方案1】：

您已将 ng-readonly 设置为 true。删除该属性或将其设置为 false。

<input type="text" id="timepicker" ng-model="BreakData.StartTime" ng-readonly="false" />

【讨论】：