How to display only the keys of a javascript object array in angular

Question

Is it possible to display only the key from expression syntax in Angular? The key being the word being "page". If so can it be from an array(I know they are the same word)?

HTML

<body ng-app="ang6App">
    <div class="container" ng-controller="templatesCtrl">
        <div ng-repeat="(key, val) in tempTemp">{{val}}</div>
        <!-- how do I just display the word page? -->
    </div>
</body>

JS

angular.module("ang6App")
    .controller("MainCtrl", function ($scope) {})
    .controller("templatesCtrl", function ($scope) {
    /* $scope.template = Templates; */
    $scope.tempTemp = [{
        'page': {
            'name': 'jordan test page'
        }
    },
    //end of page
    {
        'page': {
            'name': 'jordan test page'
        }
    }];
    //end of templates
});

Endless · Accepted Answer · 2014-02-12 00:10:09Z

5

The first repeater is just an array so it has no key/value pair

the second repeater loops through all property in item

<div ng-repeat="item in tempTemp">
  <div ng-repeat="(key, val) in item">
    {{key}}
  </div>
</div>

answered Feb 12, 2014 at 0:10

Endless

38.8k14 gold badges118 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

John Abraham Over a year ago

Will mark this correct but is there anyway in angular to call the key directly? {{tempTemp[1].key}} without repeating?

Endless Over a year ago

then you would have to do something like $scope.getKeys = function(obj){ return Object.keys(obj) } and {{getKeys(item)}}

Collectives™ on Stack Overflow

How to display only the keys of a javascript object array in angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related