Last active
August 29, 2015 14:14
-
-
Save ferdiunal/af83e08180b7583ad609 to your computer and use it in GitHub Desktop.
Angularjs-ui'nin highlight filtresi ile metin içerisinde arama yapmak
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| '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]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment