javascript - Angular 2.0 and ng-style -


i building angular 2.0 component , want control it's style dynamically (using ng-style). after quick view on angular 2's docs tried this:

<div class="theme-preview" ng-style="{'font-size': fontsize}">   {{fontsize}} </div>

and saw size printed inside div did not affected style. fontsize 1 of component's property bindings', meaning component gets parent this:

<my-component [font-size]="size" />

while inside component have:

@component({   selector: 'xxx',   properties: ['fontsize'] })

am missing here?

update

people still reach answer, i've updated plnkr beta.1. 2 things have changed far

  • ngstyle no longer necessary explicitly added in directives property. it's part of common directives added default.
  • the syntax has changed, must camel case.

example

@component({   selector : 'my-cmp',   template : `     <div class="theme-preview" [ngstyle]="{'font-size': fontsize+'px'}">    {{fontsize}}   </div>` }) class mycmp {   @input('font-size') fontsize; }  @component({    selector: 'my-app',   directives: [mycmp],   template: `     <my-cmp [font-size]="100"></my-cmp>   ` })

see plnkr (updated beta.1)


-

Comments

Post a Comment

Popular posts from this blog

c# - Binding a comma separated list to a List<int> in asp.net web api -

the default binder in web api expecst http://url.com/webapi/report/?pageids=3243&pageids=2365 to bind public ihttpactionresult report(list<int> pageids){ // exciting webapi code} i wish bind http://url.com/webapi/report/?pageids=3243,2365 as running out of space in url get . i have created class public class commaseparatedmodelbinder : system.web.http.modelbinding.imodelbinder { public bool bindmodel(httpactioncontext actioncontext, modelbindingcontext bindingcontext) { //binding in here } } and registered in webapiconfig.cs var provider = new simplemodelbinderprovider( typeof(list<int>), new commaseparatedmodelbinder()); config.services.insert(typeof(modelbinderprovider), 0, provider); i have altered method signature use model binder so public ihttpactionresult report( [modelbinder] list<int> pageids){ // exciting webapi code} however break point in binder not being ...
Read more

Delphi 7 and decode UTF-8 base64 -

in delphi 7, have widestring encoded base64(that received web service widestring result) : pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg== when decoded it, result not utf-8: <?xml version="1.0"?> <string>طھط³طھ</string> but when decoded base64decode.org, result true : <?xml version="1.0"?> <string>تست</string> i have use encddecd unit decodestring function. the problem have using decodestring . function, in delphi 7, treats decoded binary data being ansi encoded. , problem text utf-8 encoded. to continue encddecd unit have couple of options. can switch decodestream . instance, code produce utf-8 encoded text file data: {$apptype console} uses classes, encddecd; const data = 'pd94bwwgdmvyc2lvbj0ims4wij8+dqo8c3ryaw5nptiq2lpyqjwvc3ryaw5npg=='; var input: tstringstream; output: tfilestream; begin input := tstringstream.create(data); try output := tfilestream....
Read more

spring - "Dispatcher has no subscribers" during startup -

i facing problem happens , hard reproduce. therefore have problems creating compelling test case. our setup looks this: spring integration spring boot rabbitmq listener custom bus manages transaction aware messages the setup not newest anymore , lot of code replaced more idiomatic spring wiring. though exception getting when service started: dispatcher has no subscribers, failedmessage=genericmessage [payload=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage@2ba0efb2, headers={id=f750a792-6b01-16d3-8206-6e553a03f8fa, type=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage, amqp_deliverymode=persistent, timestamp=1505797680967}], failedmessage=genericmessage [payload=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage@2ba0efb2, headers={id=f750a792-6b01-16d3-8206-6e553a03f8fa, type=com.foobar.service.greencheckout.message.greenorderpropertyaddedmessage, amqp_deliverymode=persistent, timestamp=1505797680967...
Read more