Angularjs ไม่แสดง "null" ในแต่ละลูป

Oct 15 2020

ในแอปพลิเคชัน angularjs ของฉันฉันมี<select>ฟิลด์ ชอบมาก:

<select name="deliveryAddress"
   class="selectpicker"
   ng-options="address as a.Address1 + ' ' + a.HouseNumber for a in customer.deliveryAddress track by a.Id"
   ng-model="customer.deliveryAddress.selected">
</select>

โดยส่วนใหญ่a.Address1จะเป็นชื่อถนนเช่น "Miles St" และ HouseNumber คือบ้านเลขที่เช่น "51" แต่ในบางกรณีa.Address1จะเป็น "Miles St 51" (รวมถึงช่องหมายเลขบ้านด้วย) กว่าที่กล่องเลือกจะแสดง: "Miles St 51 null" เนื่องจากa.HouseNumberเป็นโมฆะ มีวิธีป้องกันไม่ให้แสดง "null" ภายใน Selectbox หรือฉันถูกบังคับให้สร้าง<select>ฟิลด์สองฟิลด์แยกกัน

คำตอบ

1 DevKhalil Oct 16 2020 at 09:38

มีคุณไป ng-options = "ที่อยู่เป็น a.Address1 + '' + (a.HouseNumber? a.HouseNumber: '') สำหรับการติดตามใน customer.deliveryAddress โดย a.Id"