kalbarczyk/zrozumiec-require.html

## zrozumiec-require.html
<!doctype html>
<html data-ng-app="app">
<head>
    <title>AngularJS - Zrozumieć require</title>
</head>
<body>
    <div>
        <input type="text" ng-model="text" placeholder="Wpisz text" />
        <div wjs-require ng-model="text"></div>

    </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('wjsRequire', wjsRequire);
            function wjsRequire() {
                    return {
                        restrict: 'A',
                        require: '^ngModel',
                        template: '<div><h4>Text: {{ngModel}}</h4></div>',
                        scope: {
                                 ngModel: '='
                                },
                    }
            }
        })();

    </script>
</body>
</html>
	<!doctype html>
	<html data-ng-app="app">
	<head>
	<title>AngularJS - Zrozumieć require</title>
	</head>
	<body>
	<div>
	<input type="text" ng-model="text" placeholder="Wpisz text" />
	<div wjs-require ng-model="text"></div>

	</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('wjsRequire', wjsRequire);
	function wjsRequire() {
	return {
	restrict: 'A',
	require: '^ngModel',
	template: '<div><h4>Text: {{ngModel}}</h4></div>',
	scope: {
	ngModel: '='
	},
	}
	}
	})();

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