[세일즈포스] Bind HTML elements in LWC (from bolt)

 

#Salesforce #세일즈포스 #HTML #Bind #elements #LWC #라이트닝웹컴포넌트 #라이트닝 #웹 #컴포넌트 #개발공부 #개발 #APEX #Bolt #디자인 #적용

 

[bindHTML.html]

<template>

<lightning-card title="How to bind HTML element in LWC" icon-name="utiliti:user">

<div>

Hello, {myvalue}!

</div>

</lightning-card>

</template>

 

[bindHTML.js]

import { LightningElement } from 'lwc';

 

export default class BindHTML extends LightningElement {

myValue = 'World';

}

 

[bindHTML.js]

<?xml version="1.0" encoding="UTF-8"?>

<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">

<apiVersion>58.0</apiVersion>

<isExposed>true</isExposed>

<targets>

<target>lightning__AppPage</target>

<target>lightning__RecordPage</target>

<target>lightning__HomePage</target>

</targets>

</LightningComponentBundle>

 

[bindHTML.html]

class사용하여 디자인 적용하기

 

<template>

<lightning-card title="How to bind HTML element in LWC" icon-name="utiliti:user">

<div class="slds-box slds-box_x-small">

Hello, {myvalue}!

</div>

</lightning-card>

</template>