Javascript 使用angularjs更改背景色

继续发现angularjs，并在改变对象的颜色，如果它是真的-例如绿色，如果是假的另一种颜色。我试图实现它，但它向我显示了所有渲染数据的一种颜色：

rssFeedService.getFeed().then(function (results) {
    $scope.feed = results.data;

    $scope.feed.forEach(function (checkitem){
        if (!checkitem.isRead) {
            $scope.read = {
                "color": "white",
                "background-color": "coral"
            }
        } else {
            $scope.read = {
                "color": "white",
                "background-color": "green"
            }
        }
    });

}, function (error) {
    //alert(error.data.message);
});

在这里，我获取数据，并使用循环设置颜色

<div class="col-md-12" ng-repeat="q in feed">

    <a href="{{q.link}}">
        <h1 ng-click="isReadClick(q.id)" ng-style="read"> {{q.title}}</h1>
    </a>

    <h4>{{q.body}}</h4>

</div>

{{q.body}}

---

我想这是因为我使用的是ng样式，应该使用ng类来设置静态颜色

如果您使用的是ng repeat，那么我建议您使用ng类

<h1 ng-click="isReadClick(q.id)" ng-class="q.isRead ? 'green' : 'red'"> {{q.title}}</h1>

{{q.title}

---

在本例中，如果

q.isRead

值为true，则设置class

绿色

否则设置class

红色

尝试控制台。在javascript中记录

读取

对象，并尝试在html中打印它（

）。它们匹配吗？什么是

rssFeedService

？这是angular服务还是第三方库的函数？@S4beR，它是http.get functionq.isRead determinate true或false，我试过你的例子，但没有设置颜色it@Vitaliy你在元素上设置了一个类。如果我理解正确，我在q.link或q.body上设置了这个类，并且它没有改变颜色。根据你的示例，你应该能够用我的标签替换你的h1标签。您应该创建类。绿色和。红色。