3

https://github.com/mbenford/ngTagsInputを使用しています。
URL と必須のタグ入力フィールドを備えた基本的なフォームを作成しました。必須なので、属性 min-tags="1" を使用しました

Bootstrap stylehseet と組み合わせて使用​​しました。

表示されると、フォームが送信される前であっても、フィールドは赤い影の境界線で表示されます (空であるため)。これは本当に面倒です。回避策はありますか?

  1. フォームの送信後にのみフィールドを検証しますか?
  2. min-tags="1" を削除し、必要な側面を確認する別の方法を見つけます。
  3. css をいじって、この .ng-invalid .tags に適用されたスタイルを破棄します

ありがとうございました

編集：サンプルコード：

<tags-input min-tags="1" ng-model="mytags"></tags-input>

プランカーを実行しました: http://plnkr.co/edit/EQcYfr4vLpkeJESho3GL?p=preview

4

1 に答える 1

3

カスタム クラスを使用するだけで、元の状態を処理できます。

CSS

.custom-tags.ng-pristine .tags {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  border: 1px solid #ccc
}

HTML

<tags-input min-tags="1" ng-model="mytags" class="custom-tags"></tags-input>

ワーキングプランカー

また、Angular 1.3 はまだ正式にサポートされていません。そのバージョンのフレームワークを使用すると、元の状態とダーティな状態の両方が正しく設定されないため、これはここで特に重要です。

于 2015-05-15T03:48:27.577 に答える