css 属性不加载

标签 css angularjs document-ready

我需要在 angular controller.js 文件中为 css 属性设置标签的背景属性。 我正在使用 jquery 来更新背景。 下面是我的代码:这里如果 $scope.isInside 是 true 我需要一种颜色,如果是 false 我需要另一种颜色。此 .norow 应用于 HTML 中的 DIV。 问题是它不能始终如一地工作。背景颜色有时会设置,有时不会。

angular.element(document).ready(function () {
    if ($scope.isinside){
        $(".norow label").css("background-color","#ffffdd");
    }
    else{
        $(".norow label").css("background-color","#ffffff");
    }
});

最佳答案

尝试 ng 风格:

<label ng-style="{'background-color': isinside ? '#ffffdd': '#ffffff'}" > something </label>

你也可以使用 ng-class:

<label ng-class="{'grey-bg': isinside, 'white-bg': !isinside}"> something </label>

关于css 属性不加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37949506/

相关文章:

javascript - 响应式设计在 Angular 2 中是如何工作的?

javascript - Jquery document.ready 在没有警报的情况下不会触发

jquery - Twitter BootStrap 确认不适用于动态生成的元素

html - Z-Index 不适用于子 Div

html - overflow hidden 但没有滚动条的可滚动区域

javascript - AngularJS 常量未定义不是对象

javascript - 在 AngularJS 事件单元测试中模拟事件对象

Internet Explorer 中的 JavaScript : How to do something after a variable is loaded/registered

html - 打开指向新选项卡的链接,然后打开指向刚刚打开的同一选项卡的另一个链接

html - 伪元素上的 css 过渡不起作用