0

フォームの検証に ngMessages を使用しています。問題に直面しているのは、html が javascript によって動的に作成されており、その前に angular.message.js がロードされていることです。したがって、すべての動的 HTML 要素が作成されたときに ngMessage をトリガーしたいと考えています。

4

1 に答える 1

0

ngMessagesディレクティブは、データ バインディングで使用されるform、$rootScope、またはオブジェクトの変更によって初期化されます。ディレクティブは親ノードにバインドするために使用され、各$scopeディレクティブは値がまたはである特定の子にバインドするために使用されます。ngMessagengMessagestruefalse

次のプロセスを使用します。

  • 注入するフィルターtemplateCache
  • 生成された HTML テンプレート文字列とその ID をtemplateCache
  • ngMessagesディレクティブで指定されたキーの値を設定するフィルターの条件true

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-messages.js"></script>

<script>
  angular.module('foo', ['ngMessages']);
</script>

<script>
function bop(model, view)
 {
 var i = 0, len = 100000, buz = "";
 
 for (i; i < len; i++)
   {
   buz = buz.concat(i);
   }
  
 bop.cache.put('listContent', buz);
 view.loaded = true;
   
 return model;
 }

 function baz($templateCache)
   {
   bop.cache = $templateCache;
   
   return bop;
   }

 baz.$inject = ['$templateCache','$rootScope'];

 angular.module('foo').filter('baz', baz);
</script>

<div ng-app="foo">
  <form name="myForm">
  <label>Check Me<input type="checkbox" ng-model="$root['required']"></label>
  <div ng-include="'listContent' | baz:myForm"></div>
  <div ng-messages="$root" style="color:green" role="alert">
    <div ng-message="required"></div>
  </div>
  <div ng-messages="myForm">
    <div ng-message="loaded" style="color:blue">Loaded</div>
  </div>
    
</div>

参考文献

于 2016-03-12T06:47:03.450 に答える