我在我的web应用程序中使用AngularJS和Angular材质。
我对AngularJS和Angular Material完全是个新手。
现在,只有在输入有效的输入数据时,我才需要在输入字段前面显示一个绿色的刻度标记。
我该如何实现这一点呢?
密码字段代码示例如下:
<md-input-container class="md-block" flex>
<label>Current Password</label>
<md-icon md-svg-src="/images/icons/ic_lock_black_24px.svg"></md-icon>
<input type="password" ng-model="changePassword.currentPassword" required name="curPass" minlength="6">
<div ng-messages="chnagePasswordForm.curPass.$error">
<div ng-message="required">Please enter valid password</div>
<div ng-message="minlength">Password should be of eight or more characters</div>
</div>
<md-button ng-disabled="chnagePasswordForm.$invalid" class="md-raised md-primary enrolBtn" ng-click="changePassword()">Save</md-button>
</md-input-container>
只有在输入有效密码时,我才必须在此密码字段前显示绿色的勾号。
谢谢。
发布于 2016-03-02 13:18:34
到目前为止,你尝试过什么?您是否尝试添加另一个图标并使用ng-if有条件地显示它:
<md-icon md-svg-src="/images/icons/ic_lock_black_24px.svg"></md-icon>
<md-icon md-svg-src="/images/icons/my_checkmark.svg" ng-if="!changePassword.curPass.$error"></md-icon>
<input type="password" ng-model="changePassword.currentPassword" required name="curPass" minlength="6">
https://stackoverflow.com/questions/35747783
复制相似问题