sample-code-angularjs/22.transclusion-clone-linking.html at master · rupachowrasia/sample-code-angularjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
	<title>Transclusion Clone Linking</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
	<script type="text/javascript" src="22.transclusion-clone-linking.js"></script>
</head>
<body ng-app="app">
	<div class="container" ng-controller="sample">
		This is in controller<br><hr>
		Transclude Way 1 : <div message1>This is inner message displaying using transclude()</div><br><hr>
		Transclude Way 2 : <div message2>This is inner message displaying using transclude(cb)</div><br>
	</div>
</body>
</html>