AngularJS ngIf 对象具有属性

Question

我有一个这样的数组:

{
    selector: "departureDate",
    selectorName: "Departure Date",
    constraints: ["GreaterThan", "LessThan", "Equals", "NotEquals"],
    valueType: "Date"
}, {
    selector: "arrivalDay",
    selectorName: "Arrival day(of week)",
    constraints: ["In"],
    valueType: "ChoiceList",
    valueChoices: ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]
}

现在我想在我的 HTML 中这样做:

<div class="col-xs-3" *ngIf="prototype.valueChoices">
            <select class="form-control" [(ngModel)]="expression.valueChoice">
                <option *ngFor="#valueChoice of prototype.valueChoices" [value]="constraint">
                    {{ valueChoice }}
                </option>
            </select>
        </div>

是否可以检查对象是否包含像 valueChoices 这样的属性而不是像上面那样显示 HTML。或者这不是正确的方法吗？

Answer 1

是的，你可以使用 Elvis 运算符

*ngIf="prototype?.valueChoices"

? 的作用类似于三元运算符。这里 prototype? 的 ? 将确保下一个表达式 .valueChoices 将被读取，直到 prototype 具有值。使用 Elvis 运算符的优点是您可以使用 n 个 ? 来处理变量存在性检查，例如 a?.b?.? c.?d