我试图将ngMessages与md-chips角度材料组件一起使用,但我对此一无所知。我尝试过这个解决方案,但没有用,
<md-input-container md-theme="hs-green" flex set-chips-validity>
<label class="label">Anno</label>
<md-chips name="yearInput" required ng-model="vm.offer.year">
<md-chip-template>
<span>{{$chip}}</span>
</md-chip-template>
</md-chips>
<div data-ng-messages="insertOfferDetailsForm.yearInput.$error" data-ng-show="insertOfferDetailsForm.yearInput.$dirty">
<div data-ng-message="required"><span translate="ERROR.FIELD.MANDATORY"></span></div>
</div>
</md-input-container>
请帮帮我:)
答案 0 :(得分:5)
Angular Material Design文档说验证是待定功能,所以我们只是等待它。直到那时你可以使用这个快速的解决方案。
<md-chips ng-model="vm.offer.year">
由于此模型包含一个数组,您可以检查其长度并使用它来显示验证,如
<span ng-show="vm.offer.year.length == 0"> This field is required. </span>
这样你就可以定义筹码的最小长度,md-max-chips
就是最大长度。
答案 1 :(得分:0)
点击之后的节目就像ng-messages功能一样。 你的代码将始终显示消息,直到chips.model.length!== 0所以,不是一个好的UI .try,包括ng-messages