Question

Does anyone know how to bind an interpolated value into a data attribute using AngularJS?

<input type="text" data-custom-id="{{ record.id }}" />

Angular doesn’t seem to interpolate that value since its apart of the structure of the element. Any ideas how to fix this?

Answer 1

Looks like there isn’t a problem after all. The template is parsed and my controller was downloading the data, but when the template was being parsed data wasn’t there yet. And the directive I put needs the data to be there os in the mean time its just picking up empty macro data.

The way that I solved this was with the $watch command:

$scope.$watch('ready', function() {
  if($scope.ready == true) {
    //now the data-id attribute works
  }
});

Then when the controller has loaded all the ajax stuff then you do this:

$scope.ready = true;