我正在使用angularjs构建某种模板设计工具。除了这个小问题,一切都正常。
我使用[[和]]作为开始和结束符号;
function($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
}
在控制器中,我有类似
$scope.style.title_color = '#ff0000';
当我生成这样的预览时
<h1 class="title" style="color:[[style.title_color]];">Preview Title</h1>
一切正常。但是我需要这样的东西
<style>
h1.title { color: [[style.title_color]] }
</style>
<h1 class="title">
Preview Title
</h1>
它不起作用..
有什么想法吗?
这可能是范围界定的问题。<style>
标签是否在与同一控制器范围内$scope.style.title_color
?
编辑:我不相信Angular可以在样式标签上使用。您应该改用ng-style。
因此,您的$scope
变量如下所示:$scope.style.title_color = '#ff0000';
并且您的DOM元素如下所示:<h1 ng-style="{color: style.title_color}">hello</h1>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句