Fancybox+AngularJS

by akkara

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css">
<a href="#">Open Fancybox</a>

JavaScript

var app = angular.module("myApp",[]) ;
app.controller("myCtrl",function($scope) {
	$scope.lorem = "abc" ;
	$scope.ipsum = "def" ;
}) ;
app.directive("test", function() {
	return {
		template : "<strong>{{ipsum}}</strong>"
	};
});
$("a").click(function(){
	$.fancybox.open('Before <test> {{lorem}} After') ;
})