urish / angular-placeholder-shim

Angular directive to make the input/textarea placeholder attribute work on all browsers.

angular-placeholder-shim

Angular directive to make the input/textarea placeholder attribute work on all browsers. Uses the jquery-html5-placeholder-shim.

Copyright (C) 2013, Uri Shaked [email protected].

Usage

Include both jquery.html5-placeholder-shim.js and angular-placeholder-shim.js in your application. You will also need to have jQuery in your project.

<script src="components/jquery-html5-placeholder-shim/jquery.html5-placeholder-shim.js"></script>
<script src="components/angular-placeholder-shim/angular-placeholder-shim.js"></script>

Add the module placeholderShim as a dependency to your app module:

var myapp = angular.module('myapp', ['placeholderShim']);

That's all. Now your will be able to see your placeholders even on IE9.

<input type="text" name="email" placeholder="Enter your email" />

You can even have an Angular expression as the placeholder

<input type="text" placeholder="{{5*5}}" />

License

Released under the terms of MIT License.

angular-placeholder-shim's Issues

In IE 9 & ng-touched

When a form loads, the jquery placeholder shim automatically focuses and blurs and sets ng-touched to true and makes validation messages to start showing up. Is there a work around for this?

(https://docs.angularjs.org/api/ng/directive/ngModel)

Ability to turn off placeholder for some elements

First of all thank you for the nice plugin.

The reason why I am asking for this feature is that I am using textAngular editor which does his own placeholder and it's placeholder conflicts with angular-placeholder-shim (placeholder actually shown twice).

Thank you in advance!

Memory Leaks

Have you considered the memory leaks caused by this plugins approach?
There is no unbinding of any of the events.

IE9 input form movement causes placeholder text out of place.

Nice work with this plugin, thanks.

Issue is with IE9, when showing form validation messages on screen elements are moved leaving placeholder text in old position.

Any help appreciated.

Thank you.