Я пытаюсь использовать angular и bootstrap для создания модального окна, отображающего видео на YouTube. Следование модальному примеру на странице начальной загрузки angular работало нормально, когда я жестко закодировал URL-адрес YouTube. Однако, когда я пытаюсь создать переменную с URL-адресом в ней, когда видео выбрано, я не могу сохранить эту переменную объявленной/измененной в экземпляре модального окна.
Вот плункер, демонстрирующий мою проблему в модальном примере с сайта Angular: http://plnkr.co/edit/n1vfSJUhcJWjNlfVrpxA?p=preview
Кнопка, запускающая модальное окно, при нажатии вызывает две функции: open()
и my testFunction()
.
<button class="btn btn-default" ng-click="testFunction(); open()">Open me!</button>
Этот testFunction
просто присваивает новое значение переменной $scope
:
$scope.testFunction = function(){
$scope.testFromFunction = "Hey this is a test that was changed in that function!";
};
Как я могу получить <p>{{testFromFunction}}</p>
в модальном окне, чтобы отразить это назначение переменной в модальном окне? (должен сказать «Эй, это тест, который был изменен в этой функции!», а не «все еще без изменений»)
Эквивалентная функция testFunction
в моем реальном приложении принимает $index
и использует его для создания правильного URL-адреса YouTube. Мне нужно динамически создавать отдельные ссылки на YouTube и не могу жестко закодировать их в html/js.
Спасибо вам большое за ваше время. Дайте мне знать, если вам нужна дополнительная информация или если что-то неясно.