如何将 angularjs 变量传递给 html 标签？ [关闭]答案

【问题标题】：How do I pass a angularjs variable into html tag? [closed]如何将 angularjs 变量传递给 html 标签？ [关闭]
【发布时间】：2015-07-17 11:12:19
【问题描述】：

在控制器中：

$scope.height = "height:100px;";
$scope.color = "red"

在 HTML 中：

<div class="capsule" ng-style="{'height': height; 'background': color}"></div>

我怎样才能让它工作？

【问题讨论】：

【解决方案1】：

你有一个分号';'在样式之间， ng-style 需要一个对象（逗号分隔）。下面的代码应该可以工作 -

<div class="capsule" ng-style="{'height': height, 'background': color}"></div>

【讨论】：

【解决方案2】：

您希望使用 ng-style 指令，该指令接受一个描述样式名称及其值的对象，如下所示：

<div class="capsule" ng-style="{'height': height}"></div>

【讨论】：