在指令模板中使用ng-style

Question

我有一个带有以下模板的指令：

'<div class="popup">' + //...

我需要通过指令范围中指定的宽度参数为弹出窗口添加可选宽度。我尝试过使用ng-style：

'<div class="popup" ng-style="{'width' : width}">'

但是由于＆＃39;宽度附近有单引号，我只会收到意外的标识符错误。

我甚至试图逃避它们：

'<div class="popup" ng-style="{\'width\' : width}">'

目前唯一可行的是：

'<div class="popup" style="width:{{width}}px">' +

有没有办法在模板中使用ng-style

Answer 1

你忘记了“在ng-style之后？

 '<div class="popup" ng-style="{width: width + \'px\'}">'