Angularjs 如何使用ng类过滤数据

在我的Html中，我显示了两次“OUI”，我想这是因为我有两个默认安装（deletage，default command），如何使用ng类和ng repeat逐个过滤它们

 <div  ng-repeat="value in installationsHelper" class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-left">
                    <div ng-repeat="value1 in value.InstallationDefautsTypes.value | filter :  'D'">{{value.InstallationDefautsTypes.value}}
                        <span ng-class="value1 ? 'mDefault' : 'mDanger'">
                            OUI
                        </span>

    <script>
     angular.module('myApp', []).controller('myController', function($scope) {      
 $scope.installationsStates = [
                {
                    Installations: {
                        id: 1
                    },
                    InstallationsDefautsTypes : {
                       Delestage:
                     {
                        name: "Delestage", 
                        value : false, 
                        id: 1}
                     defaut command:
                        {
                        name: "Delestage", 
                        value : false, 
                        id: 1
                     }
                      }
                    },
                    defaultsInstallations: {
                        0:"defaut",
                        1:"Delestage"
                    }
                },
                {
                    Installations: {
                        id: 2
                    },
                    InstallationsDefautsTypes : {
                     Delestage:{
                        name: "Delestage", 
                        value : false, 
                        id: 1
                      }

        });

{{value.InstallationDefautsTypes.value}
是的
angular.module（'myApp'，[]）.controller（'myController'，function（$scope）{
$scope.installationsStates=[
{
安装：{
身份证号码：1
},
安装故障类型：{
删除阶段：
{
名称：“删除阶段”，
值：false，
id:1}
defaut命令：
{
名称：“删除阶段”，
值：false，
身份证号码：1
}
}
},
默认安装：{
0:“德伐特”，
1.“删除阶段”
}
},
{
安装：{
身份证号码：2
},
安装故障类型：{
删除阶段：{
名称：“删除阶段”，
值：false，
身份证号码：1
}
});

如果要动态更改颜色，可以使用ngStye

 <span [ngStyle]="{'color': value.InstallationsDefautsTypes.value ? 'red' : 'black'}"> 
       OUI
  </span>

是的

我用了这个：

<div  ng-repeat="value in installationsHelper" class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-left">

                        <span ng-class="value.InstallationsDefautsTypes.value ? 'mDefault' : 'mDanger'">
                            OUI
                        </span>

                </div>

是的

如果要动态更改颜色，可以使用ngStye

 <span [ngStyle]="{'color': value.InstallationsDefautsTypes.value ? 'red' : 'black'}"> 
       OUI
  </span>

是的

我用了这个：

<div  ng-repeat="value in installationsHelper" class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-left">

                        <span ng-class="value.InstallationsDefautsTypes.value ? 'mDefault' : 'mDanger'">
                            OUI
                        </span>

                </div>

是的

ngClass指令允许您通过对表达式进行数据绑定，在HTML元素上动态设置CSS类

如果要通过布尔值更改文本的颜色，可以通过以下方式使用

ng class

：

<any class="ng-class: expression;"> ... </any>

在这种情况下，多亏了“管道”，您可以在代码中添加过滤器

例如。 HTML:

{{朋友}

JS:

app.filter（'startsWithA'，函数（）{
返回函数（项目）{
var筛选=[]；
对于（变量i=0；i

您还可以在控制器上过滤数据（您必须向范围中添加新的过滤列表），然后在过滤列表中添加

ng repeat

。

ngClass指令允许您通过对表达式进行数据绑定，在HTML元素上动态设置CSS类

如果要通过布尔值更改文本的颜色，可以通过以下方式使用

ng class

：

<any class="ng-class: expression;"> ... </any>

在这种情况下，多亏了“管道”，您可以在代码中添加过滤器

例如。 HTML:

{{朋友}

JS:

app.filter（'startsWithA'，函数（）{
返回函数（项目）{
var筛选=[]；
对于（变量i=0；i

---

---

您还可以在控制器上筛选数据（必须向范围中添加新的筛选列表）然后在过滤列表中添加

ng repeat

。

您需要用布尔值过滤数据或彩色文本吗？Heloo，您有什么想法吗？我需要用布尔值过滤彩色文本，我必须使用默认值使您的问题更清楚，您想要显示什么或用布尔值过滤是什么意思？您需要用布尔值过滤数据或彩色文本吗a？Heloo Ans你有什么想法吗？我需要用布尔值过滤彩色文本，我必须使用默认值使你的问题更清楚，你想显示什么，或者你所说的过滤是什么意思？我更改了你现在可以看到的Json，请我要过滤安装类型，我如何过滤安装类型请小心，这段代码是正确的可以在angular2+上工作，不在angularjs中。是的，但我如何过滤安装故障类型请帮我在控制器上创建函数好吗？我更改了Json，你现在可以看到，请我要过滤安装故障类型，我如何过滤安装故障类型请小心，这段代码可以工作angular2+上的s不在angularjs中。是的，但我如何过滤安装故障类型您能帮助我吗？您能在控制器上创建函数吗？如何在html中实现请使用filter或ng类？@hakim不使用代码编辑我的答案，最多添加注释。如何在html中实现请使用filter或ng类-class？@hakim不要用你的代码编辑我的答案，最多添加一条评论。

app.filter('startsWithA', function () {
  return function (items) {
    var filtered = [];
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      if (/a/i.test(item.name.substring(0, 1))) {
        filtered.push(item);
      }
    }
    return filtered;
  };
});