In diesem Artikel werden hauptsächlich die Details zur Veröffentlichung von angularjs event vorgestellt. Dann beeilen Sie sich und werfen Sie einen Blick darauf. Lassen Sie uns diesen Artikel jetzt gemeinsam lesen Bei der Abgabe neuer Stellungnahmen zum Antrag auf Inspektion und Kalibrierung von nicht obligatorischen Inspektionsgeräten muss die andere Partei benachrichtigt werden. Das Backend ist sehr einfach. Dieser Artikel löst hauptsächlich die im Frontend auftretenden Probleme.
Historisches Erbe Dies ist ein Befehl zum Zählen ungelesener Nachrichten, die von meinen Nachrichten übrig geblieben sind, mithilfe des Caches
. 
angular.module('webappApp')
.directive('yunzhiUnReadMessageCount', function(ToMessageService, superCache) {
return {
template: '',
restrict: 'E', // 元素
link: function postLink(scope, element) {
// 判断缓存中是否存在未读消息数量
if (typeof superCache.get('unReadMessageCount') === 'undefined') {
// 获取当前用户的所有未读收件消息
ToMessageService.pageReceiveUnReadMessageOfCurrentUser(undefined, function(data) {
// 存入缓存
superCache.put('unReadMessageCount', data.totalElements);
// 显示文本信息
element.text(superCache.get('unReadMessageCount'));
});
} else {
// 显示文本信息
element.text(superCache.get('unReadMessageCount'));
}
}
};
});superCacheCache beim Abmelden leeren
Wenn der Cache beim Abmelden nicht geleert wird, verwendet der nächste Benutzer den Cache, den der vorherige Benutzer beim Abmelden hinterlassen hat in, was zu einem Informations-Prompt-Fehler führt. if...else1
Der Benutzer hat eine ungelesene Nachricht. Wenn der Benutzer klickt, um die Nachricht zu lesen, wird der Status der Nachricht auf „Lesen“ gesetzt und gleichzeitig wird die Anzahl der ungelesenen Nachrichten in der oberen rechten Ecke geändert . Aber das Klickereignis tritt im Controller auf und die Nachricht ist eine zusätzliche Anweisung, und die beiden haben keine Verbindung. (Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte 
, der Seiteninhalt ist unser Controller und die Nachricht in der oberen rechten Ecke ist unser ungelesener Nachrichtenbefehl 
handelt, können wir Parameter vom Controller an den Befehl übergeben. Der Parameter des Befehls AngularJS sorgt dafür, dass der Befehl entsprechend den Änderungen in den Parametern reagiert des Controllers. Aber diese beiden Scope haben nichts miteinander zu tun, was sollen wir tun? ScopeScopeScope
ScopewatchEreignisfreigabeScope
Ereignisse in freigeben. 
Dispatches an event name downwards to all child scopes (and their children) notifying the registered $rootScope.Scope listeners.
. AngularJSScope$emit(name, args);
Dispatches an event name upwards through the scope hierarchy notifying the registered $rootScope.Scope listeners.
Scope$on(name, listener);Scope
Listens on events of a given type.
$broadcast$rootScope
// 广播发布reloadMessageCount事件，重新计算未读消息数量
$rootScope.$broadcast('reloadMessageCount');ScopeAufgrund der Verantwortungsbeziehung zwischen den einzelnen Ebenen denke ich: Die Veröffentlichung von Ereignissen sollte im Methodencontroller erfolgen und nicht in platziert werden, das nur darauf wartet, von anderen aufgerufen zu werden. Nein Es sollte eine Kopplungsbeziehung mit anderen Dateien bestehen, da es sonst schwierig ist, sie zu ändern. $rootScope$onScopeScopeRefaktorieren Sie die Anweisung, verwenden Sie Scope, um auf die Veröffentlichung von Ereignissen zu warten, und führen Sie die entsprechende Logik aus, um die Anzahl der ungelesenen Nachrichten in der oberen rechten Ecke erneut anzuzeigen.
angular.module('webappApp')
.directive('yunzhiUnReadMessageCount', function(ToMessageService, superCache) {
return {
template: '<b>{{ count }}</b>',
restrict: 'E', // 元素
link: function postLink(scope) {
var self = this;
self.init = function() {
self.computeMessageCount();
};
// 计算未读消息数量
self.computeMessageCount = function() {
// 判断缓存中是否存在未读消息数量
if (angular.isUndefined(superCache.get('unReadMessageCount'))) {
// 获取当前用户的所有未读收件消息
ToMessageService.pageReceiveUnReadMessageOfCurrentUser(undefined, function(data) {
// 存入缓存
superCache.put('unReadMessageCount', data.totalElements);
// 显示
scope.count = superCache.get('unReadMessageCount');
});
} else {
scope.count = superCache.get('unReadMessageCount');
}
};
// 处理reloadMessageCount事件的处理逻辑
scope.$on('reloadMessageCount', function() {
// 清除缓存
superCache.remove('unReadMessageCount');
// 计算未读消息数量
self.computeMessageCount();
});
// 初始化
self.init();
}
};
});ServiceDas Obige ist der gesamte Inhalt dieses Artikels. Wenn Sie mehr lesen möchten, besuchen Sie die Spalte „AngularJS-Lernhandbuch“ der PHP-Chinese-Website, um mehr über AngularJS zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen. Service
Können Sie den AngularJS-Filter verwenden? Schauen wir uns die detaillierte Erklärung der AngularJS-Filter an$on
Wie verwende ich Ausdrücke in AngularJS? Anwendungsbeispiele für AngularJS-Ausdrücke
Das obige ist der detaillierte Inhalt vonWie viel wissen Sie über AngularJS-Ereignisveröffentlichung? In diesem Artikel erfahren Sie, was Sie über AngularJS-Ereignisdetails wissen möchten.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
