Angular.js: ngMessagesInclude المعالجة بعد إزالة الرسائل الأصلية من DOM

كما يوضح العنوان ، تتم معالجة ngMessagesInclude بعد إزالة الرسائل الأصلية من DOM. فشل لأن angular لا يمكن العثور على وحدة تحكم الأصل لربط الرسائل الداخلية. لا يحدث ذلك عندما تكون عناصر ngMessage مضمنة داخل عنصر ngMessages ، أو عندما يظل العنصر الأصل موجودًا على DOM.

لديك رسائل غير حكومية مثل هذه:

<div ng-if="myForm.$submitted" ng-messages="myForm.myName.$error">
  <div ng-messages-include="messages.html"></div>
</div>

يتم بدء الإرسال من خلال:

this.change = function(myForm) {
  var self = this;
  myForm.$setSubmitted();    // event A
  $scope.$applyAsync(function () {
    self.currentStep = 'step2.html';     // event B
  });
};

في الحدث (أ) ، يتم تنزيل messages.html . نظرًا لأنه يستخدم $templateRequest ، يتوقف الارتباط حتى يعود الخادم. في غضون ذلك ، يستمر الحدث (B) بإزالة ngMessages وأبنائه من DOM. في وقت لاحق ، يصل ngMessagesInclude المحتوى وستقوم الزاوية بتجميعه. ولكن في هذه المرحلة ، لا توجد طريقة لاسترداد وحدة تحكم ngMessages بعد الآن.

بلنكر: http://plnkr.co/edit/0GOOLERvfj7n9vDVEyZp؟p=preview

في معظم الأحيان ، سيحدث ذلك مع حالة ngIf .

تم اختباره مقابل الإصدار 1.4.4.

لقد وجدت طريقة لتجنب ذلك:

ng-if="myForm.$submitted && myForm.myName.$invalid" 

لحل ذلك في جانب المكون ، يمكن جعل require: '^^ngMessages' اختياريًا والتحقق من هذا الشرط أثناء الارتباط.