Is this ng message not working for some reason?
I have this code, I'm not sure if my ng-mass dosent pops up ... it works before I changed some css and html ..
before:
<li>
<p flex style="margin-right: 14px;" class="wm-phone" >
<label >Phone:</label>
<input style=" width: 92%;"
name="phone_number"
ng-click="bookingPage.phone_number"
placeholder='edit'
onfocus="this.placeholder = ''"
ng-model="bookingPage.phone_number"
type="number"
ng-minlength="6"
class="wm-edit wm-phone-hide-spin-button"/>
</p>
<div ng-messages="BookingPageEditForm.phone_number.$error"
style="color:maroon;margin-left: 17px;">
<div ng-message="number">Not a valid number</div>
</div>
</li>
after:
<li >
<div style="margin-right: 14px;" class="wm-phone" layout="row" layout-md="column" layout-sm="column">
<div ><label >Phone:</label></div>
<div > <input
name="phone_number"
ng-click="bookingPage.phone_number"
placeholder='edit'
onfocus="this.placeholder = ''"
ng-model="bookingPage.phone_number"
type="number"
ng-minlength="6"
class="wm-edit wm-phone-hide-spin-button"/></div>
</div>
<div ng-messages="BookingPageEditForm.phone_number.$error"
style="color:maroon;margin-left: 17px;">
<div ng-message="number">Not a valid number</div>
</div>
</li>
I tried to change it but now they both don't work ... any help would be appreciated.
+3
source to share
1 answer
the problem is solved, it was my mistake, I had to put it all inside the form and accidentally delete it.
<form method="post"
name="BookingForm"
style="margin-bottom: 67px;"
ng-submit="settingSet()">
<li >
<div style="margin-right: 14px;" class="wm-phone" layout="row" layout-md="column" layout-sm="column">
<div ><label >Phone:</label></div>
<div > <input
name="phone_number"
ng-click="bookingPage.phone_number"
placeholder='edit'
onfocus="this.placeholder = ''"
ng-model="bookingPage.phone_number"
type="number"
ng-minlength="6"
class="wm-edit wm-phone-hide-spin-button"/></div>
</div>
<div ng-messages="BookingPageEditForm.phone_number.$error"
style="color:maroon;margin-left: 17px;">
<div ng-message="number">Not a valid number</div>
</div>
</li>
</form>
0
source to share