Директива не отрабатывает без таймаута.

[dramoturg]

Всем привет. хотел на ангуляре написать небольшую директиву обвертку для fabricjs canvas http://fabricjs.com/. Директиву написал

App.directive('tFabric', function($rootScope){
	return {
		restrict: 'A',
		replace: true,
		template: '<canvas id="{{id}}"></canvas>',
		scope: {
			id: '@tFabric',
			width: '@width',
			height: '@height'
		},
		link: function(scope, element) {
			var c = new fabric.Canvas(scope.id);
			c.setWidth(scope.width);
			c.setHeight(scope.height);
		}
	};
});

но почему то она не отрабатывает. ошибок никаких нету. но если в link
добавить timeout

link: function(scope, element) {
			setTimeout(function(){
				var c = new fabric.Canvas(scope.id);
				c.setWidth(scope.width);
				c.setHeight(scope.height);
			},100);
			
		}

все начинает работать. в чем может быть причина. что я упустил

[MetaDriver]

Всем привет. хотел на ангуляре написать небольшую директиву обвертку для fabricjs canvas http://fabricjs.com/. Директиву написал

Код:

........... link: function(scope, element) { var c = new fabric.Canvas(scope.id); c.setWidth(scope.width); // ?? c.setHeight(scope.height); // ?? }

но почему то она не отрабатывает. ошибок никаких нету. но если в link
добавить timeout

Код:

..............

все начинает работать. в чем может быть причина. что я упустил

А где у тебя задаются значения scope.width и scope.height ?
Если ниже по коду, то и неудивительно.. Нужно чтобы на момент линковки они были определены и доступны.