在指令模板中使用 ng-style

Question

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

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

我需要通过在指令范围内指定的宽度参数向弹出窗口添加一个可选宽度。我试过使用 ng-style:

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

但是由于 'width'.

周围的单引号，我得到了意外的标识符错误

我什至试过逃避他们：

'<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\'}">'

Use ng-style within a directive termplate