我试图在UI Bootstrap模态中使用ng-messages进行UI验证反馈。(http://angular-ui.github.io/bootstrap/#/modal)。
每次打开模态时,都会出现此错误。
[$compile:ctreq] Controller 'ngMessages', required by directive 'ngMessage', can't be found!
如此处所述(https://docs.angularjs.org/api/ngMessages),一切都已正确设置。引用了所有angularjs文件,将消息模块依赖项添加到了主模块中,并按需使用了指令,但仍然出现此错误。如果同时使用ng-message或ng-messages-include,则会发生这种情况。
这是我的模式的HTML内容模板:
<form name="formTrocaDeSenha" data-ng-submit="vm.submit(formTrocaDeSenha.$valid)" novalidate>
<div class="form-group">
<label class="control-label">Senha atual:</label>
<div>
<input type="password" name="senhaAntiga" class="form-control" style="width: 256px" data-ng-model="vm.senhaAntiga" required minlength="8" autofocus>
</div>
<div ng-messages="formTrocaDeSenha.senhaAntiga.$error"></div>
<!--data-ng-messages-include="/app/mensagensValidacao.html"></div>-->
<div ng-message="required">Campo obrigatório</div>
<div ng-message="minlength">Mínimo de 8 caracteres</div>
</div>
<button class="btn btn-lg btn-info" type="submit">Enviar</button>
<button class="btn btn-lg btn-info" type="button" data-ng-click="vm.cancelar()">Cancelar</button>
<br />
<div style="width:50%" data-ng-show="vm.message != ''" class="alert alert-danger">{{vm.message}}</div>
</form>
我检查了messges-include指令,它已经尝试在父作用域中查找控制器:
.directive('ngMessagesInclude',['$templateRequest', '$document', '$compile', function($templateRequest, $document, $compile) {
return {
restrict: 'AE',
require: '^^ngMessages', // we only require this for validation sake
link: function($scope, element, attrs) {}
}
};
这是斯科特·艾伦(Scott Allen)的一首小品,我以此为指导,效果很好:/ FipgiTUaaymm5Mk6HIfn(我不能发布2个以上的链接)
我想这是模态的东西。任何人都有什么想法会导致此错误?
您已使用ng-messages
指令关闭了标记,然后才使用指令声明了标记ng-message
:
<div ng-messages="formTrocaDeSenha.senhaAntiga.$error"></div>
<div ng-message="required">Campo obrigatório</div>
<div ng-message="minlength">Mínimo de 8 caracteres</div>
您应该以正确的方式嵌套它们:
<div ng-messages="formTrocaDeSenha.senhaAntiga.$error">
<div ng-message="required">Campo obrigatório</div>
<div ng-message="minlength">Mínimo de 8 caracteres</div>
</div>
知道了,我敢打赌错误消息现在更有意义了;)
找不到指令“ ngMessage”所需的控制器“ ngMessages”!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句