2015-07-17 2 views
-2

В контроллере:Как передать переменную angularjs в тег html?

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

В HTML:

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

Как я могу заставить его работать?

+1

, что теоретически должно работать. –

+0

вы можете показать нам, что он не работает? – charlietfl

+0

Я чувствую ваш подход, если выключен, если ваша модель содержит ваш CSS. –

ответ

1

Вы хотите использовать ng-style директиву, которая принимает объект, который описывает стили и их значения, например, так:

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

+0

Спасибо. Как насчет этого?

Bluesea

+0

Это должно сработать. –

+0

Это не сработает, он ожидает, что объект разделен запятой. Пожалуйста, см. Мой ответ –

2

У вас есть с запятой «;» между стилем, ng-style ожидает объект (разделенный запятой). Нижеприведенный код должен работать -

<div class="capsule" ng-style="{'height': height, 'background': color}"></div> 
Смежные вопросы