Lesson: 11 | Data Binding in a Template

Notes
Video

Notes

Bind properties in a component’s template to properties in the component’s JavaScript class.

<template>
    My name is: {name}!
</template>

In this template, {name} is a property. The properties must be written in curly braces.

{name} gets it's value directly from JavaScript file.

import { LightningElement } from 'lwc';

export default class Hello extends LightningElement {
    name = 'John Carter';
}

The property in { } must be a valid JavaScript identifier or member expression. For example, {name} and {data.name} are both valid. Don’t add spaces around the property, for example, { name } is not valid HTML.

Prev You need to login to have access to the quizzes. Next

Mastered by 35 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 11 | Data Binding in a Template

Notes

Lightning Web Components