LWC Template if:true/false directive condition checked to render data through for:each and iterate list over Contact Object in lightning web component Salesforce lwc #59
Step 1:- Create Lightning Web Component : lwcTrueFalseData.html
`
Contact List using for:each and @wire decorator in Lightning Web Component (LWC)
Name
Email
Phone
Title
{con.Name}
{con.Email}
{con.Phone}
{con.Title}
{contacts.error}
`
Step 2:- Create Lightning Web Component : lwcTrueFalseData.js
import { LightningElement, wire } from 'lwc'; import objContactList from '@salesforce/apex/lwcTrueFalseDataCtrl.objContactList'; export default class LwcTrueFalseData extends LightningElement { @wire(objContactList) conObjItem; }
Step 3:- Create Lightning Web Component : lwcTrueFalseData.js-meta.xml
` <?xml version="1.0" encoding="UTF-8"?>
45.0truelightning__AppPagelightning__RecordPagelightning__HomePage`
**Step 4:- Create Apex Class : lwcTrueFalseDataCtrl.cls**
` public with sharing class lwcTrueFalseDataCtrl {
@AuraEnabled(cacheable=true)
public static List objContactList() {
List conList = [Select Id, Name, FirstName, LastName, Email, Phone,Title, Description From Contact Where Email !=null];
return conList;
}
}`
**[→ Get source code live demo link:-](https://www.w3web.net/multiple-conditions-template-in-lwc/)**
In this post we are going to learn about How to use template if:true/false directive condition checked to render data through for:each and iterate list over Contact Object in lightning web component Salesforce LWC
→ Get source code live demo link:-
Step 1:- Create Lightning Web Component : lwcTrueFalseData.html
`
`
Step 2:- Create Lightning Web Component : lwcTrueFalseData.js
import { LightningElement, wire } from 'lwc'; import objContactList from '@salesforce/apex/lwcTrueFalseDataCtrl.objContactList'; export default class LwcTrueFalseData extends LightningElement { @wire(objContactList) conObjItem; }
Step 3:- Create Lightning Web Component : lwcTrueFalseData.js-meta.xml
` <?xml version="1.0" encoding="UTF-8"?>