我正在尝试将条件应用于href或ng-href。
条件是 if email !== null
我的代码如下所示:
<a ng-attr-href="{{email !== null}}" href="mailto:{{email | lowercase}}">{{email | lowercase | nullValue}}</a>
这是评估为href="true"
或href="false"
。
这似乎接近工作,但是如果该值为null,我仍然可以得到href属性:
ng-attr-href="mailto:{{email !== null ? email: email | lowercase}}"
如果数据中的值为null,如何完全删除href?是否可以将整个条件包装在html href属性周围?
有几种解决问题的方法。我更喜欢这样:
<a ng-if="email !== null" href="mailto:{{email | lowercase}}">{{email | lowercase | nullValue}}</a>
<a ng-if="email == null">{{email | lowercase | nullValue}}</a>
如果需要更复杂的条件或属性切换,则可以轻松地将其包装到指令中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句