angularjs – Angular translate指令不与ngMessage一起使用

发布时间：2020-12-17 10:19:36 所属栏目：安全来源：网络整理

导读：来自AngularJS示例的简单输入： body ng-controller="myappCtrl"form name="myForm" labelEnter your number:/label input type="number" name="myNumber" ng-model="name" min="{{minvalue}}" max="{{maxvalue}}"/ premyForm.myNumber.$error = {{ myForm.m

来自AngularJS示例的简单输入：

<body ng-controller="myappCtrl">
<form name="myForm">
  <label>Enter your number:</label>
  <input type="number" name="myNumber" ng-model="name" min="{{minvalue}}" max="{{maxvalue}}"/>
  <pre>myForm.myNumber.$error = {{ myForm.myNumber.$error | json }}</pre>
  <pre>myForm.$valid = {{ myForm.$valid | json }}</pre>

  <div ng-messages="myForm.myNumber.$error" style="color:red">
    <div ng-message="number">You did not enter a valid number</div>
    <div ng-message="min">Your field value is lesser minimum value</div>
    <div ng-message="max" translate="FORM.MAXVALUE"></div>
  </div>

</form>

link to plnkr

输入高于5的值时,应显示已翻译的错误消息.
当我使用translate指令时,它不起作用.

从 angular translate github：

这是多个范围的问题,你必须包装它.

<div ng-message="max"><span translate="FORM.MAXVALUE"></span></div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!