Visual Query javascript error on $scope reference

Description

1) Open Visual Query
2) Add a table in step 1
3) Navigate to Step 2

An error in Javascript is thrown. Details below:

ERROR ReferenceError: $scope is not defined
at eval (visual-query-table.component.ts:155)
at c (underscore.js:828)
at e.invokeTask (zone.min.js?main=browser:1)
at Object.onInvokeTask (ng_zone.ts:257)
at e.invokeTask (zone.min.js?main=browser:1)
at r.runTask (zone.min.js?main=browser:1)
at t.invokeTask (zone.min.js?main=browser:1)
at a.isUsingGlobalCallback.invoke (zone.min.js?main=browser:1)
at n (zone.min.js?main=browser:1)

ERROR ReferenceError: $scope is not defined
at eval (visual-query-table.component.ts:155)
at c (underscore.js:828)
at e.invokeTask (zone.min.js?main=browser:1)
at Object.onInvokeTask (ng_zone.ts:257)
at e.invokeTask (zone.min.js?main=browser:1)
at r.runTask (zone.min.js?main=browser:1)
at t.invokeTask (zone.min.js?main=browser:1)
at a.isUsingGlobalCallback.invoke (zone.min.js?main=browser:1)
at n (zone.min.js?main=browser:1)

This is the code that throws the exception:
// Refresh table on resize
$scope_.$watch(() => $element.height(), _.debounce(() =>
$scope.$apply(() => this.refresh()),500)
);

$scope_.$watch(() => $element.width(), _.debounce(() =>
$scope.$apply(() => this.refresh()),500)
);

Note: This also impacts the data transform feed creation process since same error is thrown when trying to set it up.

Environment

None
Done

Assignee

Scott Reisdorf

Reporter

Jagrut Sharma

Labels

None

Reviewer

None

Story point estimate

None

Sprint

None

Fix versions

Priority

High