Вызов функции после загрузки

Question

Поэтому мне нужно вызвать функцию после шаблона загрузки HTML в директиве ..

app.directive('myDivModal',function() { 
    var controller = ['$scope',function ($scope) { 
     //some code here.. 
    }]; 
    return { 
     restrict: "E", 
     scope: { 
      myprops: '=props' 
     }, 
     controller: controller, 
     templateUrl: 'modal.html', 
     link:function (scope, elem, attr,controller,transcludeFn) { 
      $('#firstId').datepicker({ 
       format: 'dd-mm-yyyy' 
      }); 
     } 
    }  
}); 

и

<input type="text" id="{{myprops.id}}" readonly="readonly" ng-model="start" > 
<input type="text" id="{{myprops.id}}" readonly="readonly" ng-model="end" > 

#firstId Мне нужно, что связываться с id="{{myprops.id}}Dp1" .. но функция началось до HTML. Я стараюсь почти все, как пост, компиляцию и т. д., но ничто не помогает мне.

Answer 1

Использование $ Функция тайм-аут в ссылке:

// You might need this timeout to be sure it runs after DOM render. 
$timeout(function() { 
    //your code 
    $('#firstId').datepicker({ 
     format: 'dd-mm-yyyy' 
    }); 
}, 0,false); 

И это, возможно, дублирует вопрос Execute Javascript after directive template has been loaded

Answer 2

Я думаю @ DB.Null правильно попробуйте добавить свойство класса для ваших HTML элементов, а затем применяются:

$('.startDate').datepicker({ 
    format: 'dd-mm-yyyy' 
}); 

Answer 3

Update контроллер:

var controller = ['$scope',function ($scope) { 

    ... 
    $scope.$on('my-tpl-ready', function() { 

    $('#firstId').datepicker({ 
     format: 'dd-mm-yyyy' 
    });  

    }); 

}]; 

добавить Также это в шаблон:

<div ... ng-init="$emit('my-tpl-ready')"> 
    ... 
</div>