Estoy trabajando en una directiva que necesita información para funcionar. Esta información debe provenir desde una promesa. El problema es que la directiva carga sin la información porque la promesa toma más tiempo en ejecutarse que la directiva en sí. A continuación mi código:
angular.module('app').directive('tagInput', tagInput);
var tagInput = function ($timeout, profileService) {
var profileList = profileService.getProfileList();
profileList.then(function (profiles) {
var profileObject = {};
var profilesFiltered = [];
for(var index in profiles){
if(profiles[index].hasOwnProperty('id')){
var notStandard = profiles[index].id.match(/\d+/g);
if (notStandard != null) {
profileObject.icon = '<i class="fa fa-bookmark" aria-hidden="true"></i>';
}
else{
profileObject.icon = '<i class="fa fa-user" aria-hidden="true"></i>';
}
profileObject.name = profiles[index].name;
profileObject.identifier = profiles[index].id;
profileObject.ticked = false;
profilesFiltered.push(profileObject);
}
}
return profilesFiltered;
});
return {
restrict: 'EA',
require: 'ngModel',
scope: {
tags: '=ngModel',
searchParams: '=searchParams'
},
replace: false,
link: function ( scope, element, attrs ) {
scope.modelFilter = {
showSearchPanel: false,
inputProfiles: profilesFiltered,
}
...
}
De esta manera los datos en el template siempre aparecen nulos. ¿Cómo puedo preparar los datos antes de la ejecución del link
en la directiva. Es posible que necesite algo muy similar para inputAccounts: accountsFiltered,
.