使用ng-attr的无值条件指令属性

Question

我正在努力实现以下目标：

如果$ scope.loginData.use24hr为true，我想调用

<div class="timeline_text" ion-datetime-picker am-pm ng-model="datetimeValueTo.value" ng-change="dateChanged()">

如果$ scope.loginData.use24hr为false，我想调用

<div class="timeline_text" ion-datetime-picker  ng-model="datetimeValueTo.value" ng-change="dateChanged()">

换句话说，“ am-pm”是需要有条件地消失的属性。

ion-datetime-picker是第三方指令 。

为此，我正在做：

<div class="timeline_text" ion-datetime-picker ng-attr-am-pm="{{!loginData.use24hr|| undefined}}"  ng-change="dateChanged()">

但是，这总是放置am-pm属性，而不管use24hr的值如何。 谁能告诉我我在做什么错？ 谢谢

根据答案进行更新

编辑以包括对JC的回答 ：

<ion-item>
   <div ion-datetime-picker title="From" ng-attr-am-pm="!!loginData.use24hr" ng-model="datetimeValueFrom.value">
    <b>VALUE:{{!loginData.use24hr}} From: </b>{{datetimeValueFrom.value | date: timeFormat}}
    </div>
</ion-item>

我强迫布尔只是为了确保，但是如您所见，不管值如何，总是显示AM-PM指令

Answer 1

该属性可以取一个值。 要关闭它，请使用am-pm={{!loginData.use24hr}}

注意：看起来它需要是布尔型false而不仅仅是falsey。 除布尔值false任何值都将启用am-pm行为。

如果您需要将值强制转换为布尔值，请尝试以下操作： am-pm={{!!loginData.use24hr}}

https://github.com/katemihalikova/ion-datetime-picker/blob/master/src/picker.js#L165