AngularJS Live Example
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<label class="item-input-wrapper wm-header-color">
<i class="icon ion-ios7-search placeholder-icon wm-search-group-input"></i>
<input
type="search"
placeholder="Search"
ng-focus="searchFocused = true"
ng-blur="searchFocused = false"
ng-change="scrollTop()"
ng-model="searchGroup"
>
</label>
<button
class="button button-icon ion-android-close input-button"
ng-click="switchSearch()">
</button>
CSS
/* do not group these rules */
*::-webkit-input-placeholder {
color: red;
}
*:-moz-placeholder {
color: red;
}
*:-ms-input-placeholder { /* IE10+ */
color: red;
}
JavaScript
var fessmodule = angular.module('myModule', []);
fessmodule.controller('fessCntrl', function ($scope) {
$scope.showMe = function(){
return true;
}
});
fessmodule.$inject = ['$scope'];