ferdiunal/app.js

## app.js
'use strict';

var angApp = angular.module('MyApp', [
	'ui.highlight','ngSanitize'
	 ]);


var MainController = function ($scope,$http) {
	$scope.msg = "Atatürk, gençliğe hitabında, Nutuk'un felsefesi hakkında ipuçları vermektedir.

Atatürk, Nutuk ile geçmişi anlatıp aynı zamanda gelecekte olabilecek tehlikeleri önceden sezmemiz için alınacak derslerden bahsetmektedir.

Mustafa Kemal Atatürk'ün Kurtuluş Savaşı dönemi'ni birinci ağızdan aktardığı, Cumhuriyet tarihi açısından önemli bir eserdir.

Bazı sayfalarda açıkça belirttiği "sonraki yıllarda durumun kolay ve açıkça değerlendirilmesi için bu kadar ayrıntıya yer verilmiştir" sözü ile Atatürk ileri görüşlülüğünü bir kere daha ortaya koymuştur.[2] [3]

Aynı zamanda bu kitap, şu an Türkiye Cumhuriyeti'n de ders olarak okutulan T.C İnkılap Tarihi ve Atatürkçülük dersinin ders ve çalışma kitaplarının hazırlamasında en buyuk rolü oynamıştır. Bu kitap Atatürk'ün Samsun'a çıktığı tarih olan 19 Mayıs 1919'dan, Cumhuriyet sonrası inkılap dönemine kadarki (1927) zaman diliminde olan olayları anlatmaktadır.

Nutuk, Atatürk'ün 1927 yılında CHP kurultayında yaptığı konuşmanın metnidir."
}


angApp.controller('MainController',['$scope','$http',MainController]);

## index.html
<!DOCTYPE html>
<html lang="tr" ng-app="MyApp">
<head>
	<meta charset="UTF-8">
	<title>Angularjs UI</title>
	<style type="text/css" media="screen">
		.ui-match{
			background: lightblue;
			color: darkblue;
		}
	</style>
</head>
<body ng-controller="MainController">
	 <textarea style="width: 100%; height: 200px;" ng-model="msg"></textarea>
	 <p>
	 	<input type="search" ng-model="query">
	 </p>
	 <p ng-bind-html="msg | highlight:query:true"></p>
	<!-- Scripts -->
	<script src="js/angular/angular.min.js"></script>
	<script src="js/angular-sanitize/angular-sanitize.min.js"></script>
	<script src="js/angular-ui-utils/ui-utils.min.js"></script>
	<script src="js/app.js"></script>
</body>
</html>
	'use strict';

	var angApp = angular.module('MyApp', [
	'ui.highlight','ngSanitize'
	]);


	var MainController = function ($scope,$http) {
	$scope.msg = "Atatürk, gençliğe hitabında, Nutuk'un felsefesi hakkında ipuçları vermektedir.

	Atatürk, Nutuk ile geçmişi anlatıp aynı zamanda gelecekte olabilecek tehlikeleri önceden sezmemiz için alınacak derslerden bahsetmektedir.

	Mustafa Kemal Atatürk'ün Kurtuluş Savaşı dönemi'ni birinci ağızdan aktardığı, Cumhuriyet tarihi açısından önemli bir eserdir.

	Bazı sayfalarda açıkça belirttiği "sonraki yıllarda durumun kolay ve açıkça değerlendirilmesi için bu kadar ayrıntıya yer verilmiştir" sözü ile Atatürk ileri görüşlülüğünü bir kere daha ortaya koymuştur.[2] [3]

	Aynı zamanda bu kitap, şu an Türkiye Cumhuriyeti'n de ders olarak okutulan T.C İnkılap Tarihi ve Atatürkçülük dersinin ders ve çalışma kitaplarının hazırlamasında en buyuk rolü oynamıştır. Bu kitap Atatürk'ün Samsun'a çıktığı tarih olan 19 Mayıs 1919'dan, Cumhuriyet sonrası inkılap dönemine kadarki (1927) zaman diliminde olan olayları anlatmaktadır.

	Nutuk, Atatürk'ün 1927 yılında CHP kurultayında yaptığı konuşmanın metnidir."
	}


	angApp.controller('MainController',['$scope','$http',MainController]);
	<!DOCTYPE html>
	<html lang="tr" ng-app="MyApp">
	<head>
	<meta charset="UTF-8">
	<title>Angularjs UI</title>
	<style type="text/css" media="screen">
	.ui-match{
	background: lightblue;
	color: darkblue;
	}
	</style>
	</head>
	<body ng-controller="MainController">
	<textarea style="width: 100%; height: 200px;" ng-model="msg"></textarea>
	<p>
	<input type="search" ng-model="query">
	</p>
	<p ng-bind-html="msg \| highlight:query:true"></p>
	<!-- Scripts -->
	<script src="js/angular/angular.min.js"></script>
	<script src="js/angular-sanitize/angular-sanitize.min.js"></script>
	<script src="js/angular-ui-utils/ui-utils.min.js"></script>
	<script src="js/app.js"></script>
	</body>
	</html>