2016-12-02 4 views
6

मैं कोणीय 2.0 का उपयोग कर रहा हूँ और मैं नीचे दिए गए कोड लिखा है:कोणीय 2 में स्टाइल चौड़ाई पिक्सेल के लिए एक संपत्ति कैसे बांधें?

<div [style.width.px]="width">some texts </div> 

मैं भी

<div [ngStyle]="{'width.px': width}">some texts </div> 

export class MyComponent 
{ 
width: number = 150; 
} 

की कोशिश की है लेकिन यह div तत्व की चौड़ाई के लिए बाध्य नहीं है।

मैं कोणीय 2.0 का नवीनतम संस्करण उपयोग कर रहा हूं।

मैं क्या गलत कर रहा हूं? नीचे एक बार के रूप में ही साथ

+0

तुम क्यों नहीं एन के अंत में 'पीएक्स' को संयोजित करें भूरा रंग? –

उत्तर

11

वर्क्स ठीक मुझे

Plunker example

@Component({ 
    selector: 'my-app', 
    styles: [`div { border: 3px solid red; }`] 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
     <div [style.width.px]="width">some texts </div> 

    </div> 
    `, 
}) 
export class App { 
    name:string; 
    width: number = 250; 
    constructor() { 
    this.name = 'Angular2' 
    } 
} 
1

की जांच:

<div [style.width]="width+'px'">some texts </div> 

export class MyComponent 
{ 
width: number = 150; 
} 
1

के लिए यह मेरे लिए काम किया:

<div [style.width]="paymentPerc+'%'"> Payment Recieved</div> 
संबंधित मुद्दे