Create a Lightning Application in the Force.com IDE
Render and preview your contact list in a Lightning application.
- In the Force.com IDE, make sure that you’re on the Markup tab of the MyContactList component.
-
Add this markup below the handler and attribute tags that you created earlier.
aura:iteration iterates over the list of contacts and displays their names.
- To save your updated component, press Ctrl+S or (Cmd+S on macOS).
- Select .
- Enter MyContactListApp in the File field.
- Select Lightning Application from the Type drop-down menu.
- Click Finish.
- In the Package Explorer, expand the src, aura, and MyContactListApp directories.
- Double-click MyContactListApp.app.
-
In the body of MyContactListApp.app, between the <aura:application> tags, add this markup.
- To save your updated application, press Ctrl+S or (Cmd+S on macOS).
- If you’re working in Offline mode, right-click MyContactListApp.app in the Package Explorer and select .
- In your web browser, navigate to https://yourDomain.lightning.force.com/c/MyContactListApp.app. Behold, a list of the contacts in your org!