कोणीय 2 में NgStyle निर्देश के लिए ऑब्जेक्ट कैसे पास करें?

Question

मैं बहुत की तरह एक वस्तु चर के साथ NgStyle निर्देश उपयोग करने के लिए कोशिश कर रहा हूँ:

@Component({ 
     template: ` 
      <div [ngStyle]="object"> 
       some test text 
      </div>` 
    }) 

export class example { 
    private object: string = "{background-color: 'white'}"; 
} 

मैं भी object = "background-color: 'red'" और [ngStyle]="{object}" साथ की कोशिश की, लेकिन ऐसा लगता है यह काम नहीं करता है। मुझे संदेश त्रुटि मिलती है:

Error: Uncaught (in promise): Error caused by: Cannot find a differ supporting object '{color: 'white'}'(…)consoleError @ VM1051 zone.js@0.6.21?main=browser:346_loop_1 @ VM1051 zone.js@0.6.21?main=browser:371drainMicroTaskQueue @ VM1051 zone.js@0.6.21?main=browser:375ZoneTask.invoke @ VM1051 zone.js@0.6.21?main=browser:297

मैं क्या गलत कर रहा हूं?

Answer 1

एक string[ngStyle] के पास मत करो, एक Object गुजरती हैं और यह काम करेगा:

private object: Object = { 'background-color': 'red'}; 

Answer 2

मैं ngStyle के साथ एक समान मुद्दा था, और यह तय हो गई इस प्रकार है:

[ngStyle]="{'top.px':dtPickerTop, 'left.px':dtPickerLeft}" 

dtPickerTop & dtPickerLeft एक क्लिक ईवेंट के आधार पर मेरे घटक में सेट हैं।

.px जोड़कर यह काम करता है, जबकि इसके बिना, ऐसा प्रतीत नहीं होता था।