css - 根据 ajax 响应在运行时更改 CSS 颜色

标签 css angularjs ionic-framework

我正在使用 ionic 框架。我有这个要求,我从服务器的对象中获得 3 种颜色。我们将分别称它们为 Color1,Color2,Color3。现在我想要使用 Color1 的所有按钮,使用 Color2 的所有超链接和使用 Color3 的背景。我猜这更像是一个 CSS 问题,而不是 ionic 问题。那么,我该如何使用 Ionic Framework 或 Angular 属性操作来实现这一点呢?

最佳答案

我想颜色不是固定的,这就是为什么你不能使用简单的 css 类所以我建议使用 ng-style

http://plnkr.co/edit/0HT65VCUfstvbw0r2Teq?p=preview

  $scope.button = 'color': colors[0]
  $scope.link = 'background-color': colors[1]
  $scope.header = 
    'text-decoration': 'underline'
    'background-color': colors[1]
    color: colors[2]

关于css - 根据 ajax 响应在运行时更改 CSS 颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33330267/

相关文章:

javascript - 带有 AJAX 多重选择的 Angular ui-select2 - 将最终选择值检索为 ids 而不是 json

javascript - Angular UI 选项卡 - 单独的选项卡内容和选项卡标题

angular - ionic 2 : Loop through List of Arrays in Object

android - CSS android 浏览器不允许滚动内容

javascript - 使用 Node js、AngularJs 和 JWT 使用用户名和密码进行身份验证

html - IE8 - 单击链接内的 div 时没有任何反应

ios - ionic 1 ios 发布构建失败 Visual studio 2015

cordova - 在 IONIC build properties.gradle 不存在时出现错误

php - 当内容太长时字幕会推送内容

css - 使用 Bootstrap Datepicker 设计周