Ng风格不起作用

时间:2015-04-14 15:16:46

标签: javascript html angularjs

我一直在尝试使用ng-style整个上午,但它没有按预期工作。在我的指令中,我做了类似的事情:

this.width = this.width+'px';
scope.myStyle = {width: this.width};

在我的HTML中我有:

<div ng-style="myStyle" class="no-margin"
style="position:absolute;">

2 个答案:

答案 0 :(得分:2)

ng-style应包含一个对象,因此请将代码更改为:

this.width = this.width+'px';
scope.myStyle = {width: this.width, position:'absolute'};

<div ng-style="myStyle" class="no-margin">

答案 1 :(得分:1)

方式应该是:

<div ng-style="{{ myStyle }}" class="no-margin">

原因是{{ }}是AngularJs确定哪个是变量或硬文本。