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

nav.popToRoot() showing blank screen
Anguler2 js: getting no compatible version found : #types/node#^5.8.0
Angular 2 xi18n cannot resolve template path outside of component directory
Angular 2 - Uncaught (in promise): ReferenceError: System is not defined
update routes dynamically in angular2 app
Resolving Multiple Pieces of Data using Resolve Guard in Angular 2
Angular 2 disable form button from ts?
ng2-charts - Can't bind to 'datasets' since it isn't a known property of 'base-chart'
Angular 2 not showing correctly values in input
Webpack resolve.modulesDirectories doesn't seem to work
Text editors in angular2
Where can i find the latest ionic-angular2 version in a plunker that uses #Ngmodule?
How to manually lazy load a module?
Angular2 Prevent route change if any changes made in the view
Angular2 pass data from component to root component, without child component
Angular 2 $this.parent().next().show() on click

Categories

HOME
angular
objective-c
perl
knn
asp-classic
basecamp
google-home
64bit
cordova-plugins
pstricks
aurelia-router
openmeetings
strongloop
stormcrawler
corba
salt-stack
video-processing
business-objects
firebreath
tablesorter
web-component
ajaxform
apache-felix
gnome
miktex
scons
pywavelets
data-migration
jointjs
heatmap
pdb-files
atom-feed
sublimerepl
uwamp
hashcode
psftp
codeigniter-2
basic4android
uicollectionviewcell
toml
smtpclient
data-storage
redhat-bpm
digestive-functors
sencha-architect
ektron
binary-image
ranorex
rt
tinyxml2
generated
wso2dss
equation-solving
oltp
fuzzy
knockout-validation
android-7.1-nougat
google-url-shortener
optional
motorola
windows-firewall-api
mockery
unicorn
powergrep
testdroid
grid-layout
unreal-blueprint
wns
ibm-jazz
rebase
stunnel
mindbody
8085
heapsort
dynamics-nav-2009
template-strings
django-pipeline
materialized-views
qmediaplayer
wave
setlocale
rich-snippets
ironscheme
interspire-shopping-cart
irssi
slab
virtual-address-space
django-1.7
facade
nxt-python
triples
mathgl
groff
factoring
graphael
boost-spirit-karma
meteor-slides
xadisk
aspnet-regiis.exe
mysql-5.0
vp8
dotfuscator
pmp
trusted-timestamp
lytebox
jlayer
nexus-7
endl
soaplite
iphone-sdk-4.1
viewexpiredexception
dynamic-css
duck-typing
urldecode
projective-geometry
open-basedir
comdlg32
trackback
o3d

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