Angular 5 กับการจัดการ Checkbox

ผมเขียนโน้ตนี้เพราะผมใช้งาน Angular 5 จัดการ checkbox แล้วติดปัญหาเพราะผมไม่เข้าใจการใช้งานนะครับ มือใหม่จริงๆ ผมก็เลยคิดว่าควรจะจดไว้อ่านทีหลัง หลังจากที่แก้ปัญหาได้แล้ว

ตัวอย่างโค้ดในเทมเพลต

วิธีที่ผมแก้ปัญหาจริงๆคือ [checked]=”optionAttrArray[i].set_default == 1″ ที่อยู่ในเทมเพลต แค่เช็คค่าตามตัวแปร set_default ใน JSON ว่าถ้าข้อมูลเป็น 1 ก็ให้ติ๊กเลือกไว้เลย ถ้าเป็น 0 ก็ไม่ต้องติ๊ก แค่นั้นเอง

ตัวอย่างโค้ดในไฟล์ ts

ค่าที่ใช้งานจริงคือ set_default ใน JSON ที่ประกาศไว้นะครับ ผมใช้สำหรับตรวจสอบค่า ถ้าเป็น 1 คือ option นี้ถูกเซ็ตให้เป็น default option ถ้าเป็น 0 คือไม่ได้ถูกเลือก

หมายเหตุ ผลลัพธ์ที่ได้จาก [(ngModel)] กับ [value] มันก็ได้ผลเหมือนกันนะ เอาไว้ผมเจอความแตกต่างแล้วผมจะมาอัพเดตอีกทีละกัน

Facebook Comments

comments