kalbarczyk/zrozumiec-ng-transclude.html

## zrozumiec-ng-transclude.html
<!doctype html>
<html data-ng-app="app">
<head>
    <title>AngularJS - Zrozumieć ng-transclude</title>
</head>
<body>
    <div>
        <wjs-transclude name="AngularJS">Zrozumieć ng-transclude</wjs-transclude>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>

    <script>
        (function () {
            'use strict';
            angular
               .module('app', []);
        })();

        (function () {
            'use strict';
            angular.module('app')
            .directive('wjsTransclude', wjsTransclude);
                function wjsTransclude() {
                    return {
                        restrict: 'E',
                        transclude: true,
                        scope: { name:'@' },
                        template: '<div>' +
                                   '<div>{{name}}</div><br>' +
                                   '<div ng-transclude></div>' +
                                   '</div>'
                };
            }
        })();

    </script>
</body>
</html>
	<!doctype html>
	<html data-ng-app="app">
	<head>
	<title>AngularJS - Zrozumieć ng-transclude</title>
	</head>
	<body>
	<div>
	<wjs-transclude name="AngularJS">Zrozumieć ng-transclude</wjs-transclude>
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>

	<script>
	(function () {
	'use strict';
	angular
	.module('app', []);
	})();

	(function () {
	'use strict';
	angular.module('app')
	.directive('wjsTransclude', wjsTransclude);
	function wjsTransclude() {
	return {
	restrict: 'E',
	transclude: true,
	scope: { name:'@' },
	template: '<div>' +
	'<div>{{name}}</div><br>' +
	'<div ng-transclude></div>' +
	'</div>'
	};
	}
	})();

	</script>
	</body>
	</html>