angular


Angular2 MDL input box labels visible after data binding


I am using material design lite and my input box has following code:
<div #textfield class="mdl-textfield mdl-js-textfield">
<textarea rows="4" class="my-input mdl-textfield__input" type="text" id="user-desc" [ngModel]="short_story" (ngModelChange)="getShortStory($event)"></textarea>
<label class="my-label mdl-textfield__label" for="user-desc">That's my short story!</label>
</div>
When I get data from my server and is bound to the input box, the label is still visible in the background. How to hide/remove it in such cases. If I start typing, it goes away, but initially it does not good at all.

Related Links

Cordova media plugin is not working in marshmallow
Is Angular2 responsive out of the box?
Async call update HTML Element though Angular 4.x Service
Uncaught ReferenceError: define is not defined angular2/webpack 1
unable to find suitable angular data grid for angular 2.4.1 version?
Access process.env in environment.ts file created from the angular-cli
Cannot read property 'channels' of undefined youtube api
How to set the public path on angular 4
Using local Bootstrap3 with angular 2
Firebase: update database when no write operation happens in 5 minutes interval
Build single directive to perform both Structural & Attribute behaviour?
Angular 2 Sending data to child
AOT - Function calls are not supported Module.forRoot
subscribe to ionic page change event
Dynamic number of Promise in Angularfire2
Drag and drop doesn't call change event in ie/edge angular2

Categories

HOME
machine-learning
scadalts
okta
google-maps-api-3
drawing
umbraco7
basecamp
powerbuilder
windows-installer
wlan
graph-algorithm
linuxmint
strongswan
purescript
vbulletin
android-toast
delaunay
google-play-games
watchkit
sprite
derivative
integer
serenity-bdd
raycasting
code-injection
osx-elcapitan
silex
jqxwidgets
webcam
biblatex
pywavelets
povray
na
servicestack.redis
sqlcedatareader
uppercase
fixtures
product-key
uicollectionviewcell
webmin
oracle-data-modeler
dataweave
meta-tags
spring-cloud-sleuth
maximo-anywhere
pywinusb
ranorex
jquery-ui-tabs
orders
icingaweb2
implicit
zoo
libtool
spring-social-facebook
google-chartwrapper
ldflags
ms-project-server-2013
strstream
dde
markov-models
android-selector
website-deployment
test-and-target
classname
cts
arrangeoverride
traceroute
httpful
stunnel
eclipse-emf-ecore
argo
android-context
undefined-symbol
excel-2008
window-position
github-linguist
typescript1.7
materialized-views
fswatch
jison
reagent
google-text-to-speech
apache-tomee
tankauth
deface
zurb-joyride
webproxy
raii
updatemodel
application-integration
tiles2
fubumvc
jnetpcap
slimv
server-side-scripting
vp8
dotfuscator
hyperterminal
icefaces-1.8
fatwire
.lrc
system-design
wymeditor
ubuntu-9.10
mindmapping
language-theory
olpc
pointer-arithmetic
pdc2008

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App