Вчера не получилось и сегодня уже третий час сижу и не знаю что делать. Перечитал очень всего много, но ответат так и не нашел. Если кто-то может глянуть, то буду очень рад -
derictive. На всякий случай скопировал код сюда. Если убрать extended, то можно увидеть что расширяемая директива работает. И ещё... В первом примере мне показали что нужно ставить знак '=?', но у меня при сохранении примера стала выскакивать ошибка и я убрал знак вопроса. В реальм же примере я и так и так пробовал.
<html lang="en"></html>
<head>
<meta charset="UTF-8"/>
<title>angular</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<script src="https://rawgit.com/kanzelm3/angular-video-bg/master/angular-video-bg.min.js"></script>
</head>
<body>
<video-bg-extended video-id="'iNJdPyoqt8U'"></video-bg-extended>
</body>
var app = angular.module('app', ['angularVideoBg']);
app.directive('videoBgExtended', ()=>{
console.log('#################')
return {
scope: {
videoId: '='
},
restrict: 'EA',
replace: true,
template: '<video-bg video-id=""></video-bg>'
};
});
angular.bootstrap(document, ['app']);
И ещё.. Я перепробовал все варианты о которых только смог найти чтиво. И в compile компилировал и уже с id заменял и подключал по файлу. Но самое большее что мне удалось добиться, это полное замещение тегов в странице, но не работы. Ещё у этого плагина есть свой, я бы сказал нюанс, значение video-id="'id'" нужно передавать в одинарных кавычках. Но когда я делал, то в странице показывало что так и есть. И я ещё пробовал значения из скопы вставлять и не смог вобщем...
Средний