「signupForm」というフォーム名があるとしましょう。ボタンで ng-disabled ディレクティブを使用する場合 (フォームが無効な場合にフォームを無効にするため)、使用します
ng-disabled="{{formName}}.$invalid">
(formName には値signupFormが含まれます)
ブラウザでボタンを調べると、上記のディレクティブは と評価されng-disabled="signupForm.$invalid">
ます。これは完璧です。問題は、ng-messages ディレクティブ内で同じ式を使用しようとするとng-messages ="{{formName}}.$error">
、式が補間されないことです。したがって、div でディレクティブを使用してブラウザーで検査すると、次の
<div ng-messages="{{formName}}.$error"></div>
ように表示され<div ng-messages="signupForm.$error"></div>
ます。しかし、これは起こりません。
では、ng-messages ディレクティブが式を補間して正しく表示するにはどうすればよいでしょうか? この問題を AngularJS 1.4.7 & 1.5.0-rc.1 でテストしましたが、両方に問題が存在します。どんな助けでも大歓迎です。ありがとうございました。