Angular short条件语句

Question

我第一次在Angular中尝试做一些基于值的声明，但我不喜欢我有两个元素进行检查的方式，这就是我所拥有的

<h4 class="modal-title" ng-show="::model.trainingModel.name !== undefined">{{'EDIT_TRAINING' | translate}}</h4>
<h4 class="modal-title" ng-show="::model.trainingModel.name === undefined">{{'NEW_TRAINING' | translate}}</h4>

有没有可能有人帮我把它剪短一点？

Answer 1

<h4 class="modal-title">{{( model.trainingModel.name ? 'EDIT_TRAINING' : 'NEW_TRAINING') | translate}}</h4>

Answer 2

您可以缩短代码，如下所示：

<h4 class="modal-title" ng-show="model.trainingModel.name">{{'EDIT_TRAINING' | translate}}</h4>
<h4 class="modal-title" ng-show="!model.trainingModel.name">{{'NEW_TRAINING' | translate}}</h4>

或使用：

<h4 class="modal-title">{{ model.trainingModel.name ? 'EDIT_TRAINING' : 'NEW_TRAINING'|translate}}</h4>

Answer 3

你应该试试

<h4 class="modal-title" data-ng-init=" value = ( ::model.trainingModel.name !== undefined ) ? 'EDIT_TRAINING' : 'NEW_TRAINING'">{{ value | translate}}</h4>

我知道ng-init在这种情况下是不合适的。应该在for循环中使用它来初始化值。但在您的情况下，它可能会起作用:)