AngularJS Conditional Attribute.md

Use ng-attr-your-attribute to conditionally add or remove an attribute in HTML element. AngularJS 1.3 above

fiddle.html

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.js"></script>
<div ng-app="myapp" ng-controller="parentCtrl">
    <div ng-repeat="x in items" ng-attr-data-id="{{x.id || undefined}}">
        <!-- Another way -->
        <div ng-attr-data-id="{{ (show) ? x.id : undefined }}">
            {{ repeat_title + ($index+1) + ': ' + x.name }}
        </div>
    </div>
</div>

fiddle.js

var app=angular.module('myapp',[]);
app.controller('parentCtrl',function($scope) {
    $scope.items = [{name: 'name1', id:1}
                   ,{name: 'name2', id:2}];
    $scope.repeat_title = 'Person #';
    $scope.show = 1;
});

fiddle.manifest

normalize_css: no
panel_jss: 0
panel_css: 0
wrap: b