0

次の入力フィールドがあるとします。

    <div ng-messages="myForm.name.$error">
      <div ng-message="required">Please enter a name</div>
    </div>

問題は、ng-messages 要素が DOM のスペースを占有するため、他のフォーム要素の配置に影響を与えることです。エラーが発生するまで、この要素が DOM に追加されないことを期待していました。ng-messages 要素は常に存在しますが、個々の ng-message 要素は削除されて DOM に追加されますか?

ng-message が ng-show/ng-hide の代わりになることを期待していましたが、エラーが発生するまで完全に非表示にするには、ng-show を ng-messages コンテナーに追加する必要があるようです。 . ng-message を使用するよりエレガントな方法がありませんか?

4

1 に答える 1

1

ng-ifを使用する

条件が満たされるまで印刷されません

このような

<div ng-messages="myForm.name.$error" ng-if="myForm.name.$error">
于 2015-11-02T22:59:56.477 に答える