在JavaScript中隐藏特定条件的对象?

时间:2017-08-01 11:02:03

标签: javascript jquery angularjs

我从对象获取一些数据。所以我在javascript中实现了对象并在对象中存储多个值但是我想隐藏特定条件的特定对象。

我的数据:

  $scope.sort={
    National :    { prop: "Country", classes: { md:2, lg:2, xs:1, sm:2} },
    'Passport #': { prop: "tNumber", classes: { md:2, lg:1, xs:2, sm:2}'},
    Name :        { prop: "name",    classes: { md:2, lg:2, xs:2, sm:2} },   
    Style :       { prop: "style",   classes: { md:1, lg:1, xs:2, sm:1} },    
  };

以上数据实现了html中的值。所以我只想在这里隐藏(Javascript控制器)风格

我想提出一些条件:

Style:{prop: "style", classes: { md:1, lg:1, xs:2, sm:1} }

我想在某种情况下隐藏并在其他条件下显示。我可以从$ scope.sort到外面,如果条件满足,那么推送到$ scope.sort?

1 个答案:

答案 0 :(得分:0)

let styleContainer = $scope.sort.Style
    if (your condition)
      $scope.sort.Style = {}

将返回:

{
    National :    { prop: "Country", classes: { md:2, lg:2, xs:1, sm:2} },
    'Passport #': { prop: "tNumber", classes: { md:2, lg:1, xs:2, sm:2} },
    Name :        { prop: "name",    classes: { md:2, lg:2, xs:2, sm:2} },   
    Style :       { }
};

要让Style对象重新使用:

$scope.sort.Style = styleContainer