fix character count hint for input. (#2235)

fix (input): Remove the property CharacterCounter on md-input. Add name
of local variable on md-input and add md-hint to fix counter binding of
md-input for the show hint lable with charater count example.

The property characterCounter does not exist on md-input and therefore
the character count was not being displayed for the show hint lable with
charater count example. Removing this and adding the name
#characterCountHintExampleInput along with the md-hint tag using the
name and the character count property fixes the issue.
This commit is contained in:
Codebacca
2017-01-14 09:55:21 +11:00
committed by tinayuangao
parent 4a6b6a60c5
commit 6f94aa1140
+3 -1
View File
@@ -111,7 +111,9 @@
</p>
<p>
<md-input placeholder="Show Hint Label With Character Count" style="width: 100%"
hintLabel="Hint label" characterCounter></md-input>
hintLabel="Hint label" #characterCountHintExampleInput>
<md-hint align="end">{{characterCountHintExampleInput.characterCount}}</md-hint>
</md-input>
</p>
<p>
<md-checkbox [(ngModel)]="dividerColor">Check to change the divider color:</md-checkbox>