md-chips with ngMessage

Question

私はmd-chips角度材料のコンポーネントでngMessagesを使用しようとしていますが、それについては何も見つかりません。私は

  <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> 

このソリューションを試してみたが、うまくいきませんでした、

私を助けて、

Answer 1

角度材料設計のドキュメントは、我々はただそのために待っていますので、検証が機能を保留していることを言います:)してください。それまでは、この簡単なソリューションを使用することができます。このモデルは、配列を含んでいるので

<md-chips ng-model="vm.offer.year"> 

あなたはその長さをチェックし、

<span ng-show="vm.offer.year.length == 0"> This field is required. </span> 

あなたは一種のチップにminimun長さを定義し、md-max-chipsすることができます。この方法のように検証を表示するためにそれを使用することができますが、最大のためにそこにあります長さ。

使用例。 http://codepen.io/next1/pen/BKzgrY

Answer 2

ng-messages機能と同様に、ショーはクリック後に表示されます。 あなたのコードはchips.model.length！== 0になるまで常にメッセージを表示します。いいUIではありません.try-ng-messagesを含む。