Lesson: 14 | Setters

Notes
Video

Notes

If you write a setter for a public property, you must also write a getter. Annotate either the getter or the setter with @api, but not both. It’s a best practice to annotate the getter.

fullName.html

<template>
    {uppercaseItemName}
</template>

fullName.js

import { LightningElement, api } from 'lwc';
export default class TodoItem extends LightningElement {
    uppercaseItemName;

    @api
    get itemName() {
        return this.uppercaseItemName;
    }

    set itemName(value) {
       this.uppercaseItemName = value.toUpperCase();
    }

}

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

Mastered by 32 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: 14 | Setters

Notes

fullName.html

fullName.js

Lightning Web Components