javascript - 在 css 中使用 angularjs 模板 {{ }}

Question

我有这个 jsfiddle。

https://jsfiddle.net/helpme128/rba7zqzn/

在 jsfiddle 中，CSS 看起来像这样；

#container {
   width : auto;
   height: 1200px;
   background:url('http://i.stack.imgur.com/GgZvy.jpg');
   background-repeat:no-repeat;
}

我想修改这个 jsfiddle，使 css 看起来更有棱 Angular ；

#container {
   width : auto;
   height: 1200px;
    background:url({{backgroundURL}});
   background-repeat:no-repeat;
}

在controller里面，会有这样一行；

$scope.backgroundURL = 'http://i.stack.imgur.com/GgZvy.jpg';

如何使用 css 中的 angularjs 完成此操作？

Answer 1

像这样。

<div class="ng-class: expression;"></div>

这里有一个链接供您检查: https://docs.angularjs.org/api/ng/directive/ngClass