Question

我正在使用Angular JS的ui-date。有多个日期通过循环呈现.Below是我的HTML代码。

<tr  ng-repeat="(k,v) in :: vm.dateMap">
 <th>
<input ng-attr-id="{{ 'dateCmp-' + k}}" ui-date="vm.dateOptionMap[k]">
</th>
</tr>

在我的控制器中，dateOptionMap包含以下值

          vm.dateOptionMap = {};
            vm.dateOptionMap['03/06/2014'] = {
                changeYear: true,
                changeMonth: true,
                dateFormat: 'dd-mm-yy'
            };
            vm.dateOptionMap['07/21/2016'] = {
                changeYear: true,
                changeMonth: true,
                dateFormat: 'dd-mm-yy'
            };
            vm.dateOptionMap['09/06/2017'] = {
                changeYear: true,
                changeMonth: true,
                dateFormat: 'dd-mm-yy'
            };

点击按钮后，我将使用以下值更改地图值。

        vm.dateOptionMap['03/06/2014'] = {
                    changeYear: false,
                    changeMonth: false,
                    dateFormat: 'dd-mm-yy'
                };

这种变化如何在UI上得不到反映。你能帮帮我吗？

Answer 1

此行ng-attr-id="{{ 'dateCmp-' + k}}"仅向id属性呈现值。 ng-attr-id 没有绑定值。

要将日期值绑定到<input>，您应在js属性中设置相应的ng-model变量，然后动态更改变量值。

Angular JS：数据绑定在Date中不起作用

1 个答案: