diff --git a/app/index.html b/app/index.html
index 9e9bcd5..d0cc720 100644
--- a/app/index.html
+++ b/app/index.html
@@ -109,7 +109,7 @@
             <div class="navbar-searchbar hidden-xs">
                 <ul class="nav navbar-nav">
                     <li>
-                        <input class="form-control" placeholder="{{('Search' | translate)}}" ng-model="searchContext.text" />
+                        <input class="form-control" ng-placeholder="('Search' | translate)" ng-model="searchContext.text" />
                         <div class="form-control-icon">
                             <span class="fa fa-search form-control-feedback"></span>
                         </div>
@@ -257,6 +257,7 @@
 <script src="scripts/controllers/settings-ariang.js"></script>
 <script src="scripts/controllers/status.js"></script>
 <script src="scripts/controllers/task-detail.js"></script>
+<script src="scripts/directives/placeholder.js"></script>
 <script src="scripts/filters/dateDuration.js"></script>
 <script src="scripts/filters/filename.js"></script>
 <script src="scripts/filters/fileOrderBy.js"></script>
diff --git a/app/scripts/directives/placeholder.js b/app/scripts/directives/placeholder.js
new file mode 100644
index 0000000..d890532
--- /dev/null
+++ b/app/scripts/directives/placeholder.js
@@ -0,0 +1,17 @@
+(function () {
+    'use strict';
+
+    angular.module("ariaNg").directive('ngPlaceholder', function () {
+        return {
+            restrict: 'A',
+            scope: {
+                placeholder: '=ngPlaceholder'
+            },
+            link: function (scope, elem, attr) {
+                scope.$watch('placeholder', function () {
+                    elem[0].placeholder = scope.placeholder;
+                });
+            }
+        }
+    });
+})();