Untitled

<!DOCTYPE html>
<html ng-app="App">

  <head>
    <script data-require="angular.js@1.4.7" data-semver="1.4.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div ng-controller="Main">
      
      {{ params | check:'true' }}
      
    </div>
  </body>

</html>

var $app = angular.module('App', []);

$app.filter('check', [function(){
  return function(item, opt){
    var newparams = [], newcheck = (opt === 'true') ? true : false;
    for(var i in item){
      if(item[i].hidden === newcheck){
        var newitem = {};
        newitem[''+i+''] = item[i];
        newparams.push(newitem);
      }
    }
    return newparams;
  }
}])

$app.controller('Main', ['$scope', function($scope){

  $scope.params = {
    "material": {
        "value": [
            "MAT1"
        ],
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": false,
        "fixed": false
    },
    "Analysis": {
        "value": [
            "MECA"
        ],
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": false,
        "fixed": true
    },
    "Temperature": {
        "value": "100",
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": true,
        "unit": "C"
    },
    "Position in y": {
        "value": "12",
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": true,
        "linked": {
            "relation": {
                "a": 1,
                "b": 0
            },
            "value": ""
        },
        "unit": "mm"
    },
    "Position in x": {
        "value": "12",
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": true,
        "linked": {
            "relation": {
                "a": 1,
                "b": 0
            },
            "value": ""
        },
        "unit": "mm"
    },
    "CTE": {
        "value": "30",
        "activatedBy": [],
        "desactivatedBy": [],
        "hidden": true,
        "linked": {
            "relation": {
                "a": 1,
                "b": 0
            },
            "value": ""
        },
        "unit": "PPM/K"
    }
  };
  
}]);

/* Styles go here */