diff --git a/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts b/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
index f043125efc..862da84e03 100644
--- a/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
+++ b/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
@@ -32,6 +32,14 @@ export function AuthoringContainerDirective(authoringWorkspace: AuthoringWorkspa
         scope: {},
         require: 'sdAuthoringContainer',
         link: function(scope, elem, attrs, ctrl) {
+            // Needed only for authoring Angular. In authoring react we have a generic
+            // event ('resource:updated') which listens to all item changes.
+            scope.$on('author_approval:updated', (event) => {
+                if (event.item_id === scope.item._id) {
+                    scope.item.extra.publish_sign_off = event.sign_off_new_data;
+                }
+            });
+
             scope.$watch(authoringWorkspace.getState, (state) => {
                 if (state) {
                     if (itemInEditMode != null) {