<style>标签内的Angularjs

ArūnasSmaliukas

我正在使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

<style>标签在<body>标签内如何工作?

来自分类Dev

Angular.js <style>标签

来自分类Dev

在TinyMCE中使用<style>标签

来自分类Dev

获取 html 标签的 style 属性

来自分类Dev

在angularJS中使用ng-style而不是style时出错

来自分类Dev

在Django {%%}标签内使用AngularJS模板标签

来自分类Dev

Grunt将CSS文件注入<style>标签

来自分类Dev

如何使用DOM删除<style>标签?

来自分类Dev

Angularjs ns-style change via Controller

来自分类Dev

模板的<style>标记内的<content>标记?

来自分类Dev

模板的<style>标记内的<content>标记?

来自分类Dev

angularjs范围内的HTML标签

来自分类Dev

ng-repeat angularjs内的输入标签

来自分类Dev

在带有ng-repeat的li标签上设置ng-style / style属性

来自分类Dev

“ span”标签中有多个“ style”属性:应该发生什么?

来自分类Dev

<style>标签在Markdown中有效吗?

来自分类Dev

如何在PHP中使用array()删除标签<span style =“”>?

来自分类Dev

将值绑定到<Style>标签Angular 2模板

来自分类Dev

从字符串中截断<style>标签数据

来自分类Dev

如何将媒体查询附加到<style>标签?

来自分类Dev

正文和W3标准中的<style>标签

来自分类Dev

Grunt将CSS文件注入到<style>标签中

来自分类Dev

我如何解决关于 <style> 标签的验证错误

来自分类Dev

如何使用JavaScript和regex删除变量内的<style type =“ text / css”> ... </ style>

来自分类Dev

如何升级我的createElement函数,例如style标签内的属性和值可以以对象而不是字符串的形式编写?

来自分类Dev

elem.style.height不在while循环内触发

来自分类Dev

Angularjs模板中的脚本标签内的Javascript未执行

来自分类Dev

Angularjs模板中的脚本标签内的Javascript未执行

来自分类Dev

在 AngularJS 表单中禁用选择标签内的选项

Related 相关文章

  1. 1

    <style>标签在<body>标签内如何工作?

  2. 2

    Angular.js <style>标签

  3. 3

    在TinyMCE中使用<style>标签

  4. 4

    获取 html 标签的 style 属性

  5. 5

    在angularJS中使用ng-style而不是style时出错

  6. 6

    在Django {%%}标签内使用AngularJS模板标签

  7. 7

    Grunt将CSS文件注入<style>标签

  8. 8

    如何使用DOM删除<style>标签?

  9. 9

    Angularjs ns-style change via Controller

  10. 10

    模板的<style>标记内的<content>标记?

  11. 11

    模板的<style>标记内的<content>标记?

  12. 12

    angularjs范围内的HTML标签

  13. 13

    ng-repeat angularjs内的输入标签

  14. 14

    在带有ng-repeat的li标签上设置ng-style / style属性

  15. 15

    “ span”标签中有多个“ style”属性:应该发生什么?

  16. 16

    <style>标签在Markdown中有效吗?

  17. 17

    如何在PHP中使用array()删除标签<span style =“”>?

  18. 18

    将值绑定到<Style>标签Angular 2模板

  19. 19

    从字符串中截断<style>标签数据

  20. 20

    如何将媒体查询附加到<style>标签?

  21. 21

    正文和W3标准中的<style>标签

  22. 22

    Grunt将CSS文件注入到<style>标签中

  23. 23

    我如何解决关于 <style> 标签的验证错误

  24. 24

    如何使用JavaScript和regex删除变量内的<style type =“ text / css”> ... </ style>

  25. 25

    如何升级我的createElement函数,例如style标签内的属性和值可以以对象而不是字符串的形式编写?

  26. 26

    elem.style.height不在while循环内触发

  27. 27

    Angularjs模板中的脚本标签内的Javascript未执行

  28. 28

    Angularjs模板中的脚本标签内的Javascript未执行

  29. 29

    在 AngularJS 表单中禁用选择标签内的选项

热门标签

归档