Getting 'a.parse is not a function'

Webix JS
1

Hi,
I’m trying to use webix in angular, by using webix-ui directive. Please find the code below

<script type="text/ng-template" id="summary.html">
      <div webix-ui="summaryConfig" webix-data="summaryStats"></div>
</script>

app.directive('webixSummary', function () {
    return {
      restrict: 'E',
      templateUrl: 'summary.html',
      scope: {
        data: '='
      },
      controller: function($scope, $timeout) {
        $scope.summaryStats = {
          "one": 1
        };
        $scope.summaryConfig = {
          id: "1",
          rows: [{
            cols: [
              {
                template: "<div>#one#</div>",
                data: {
                  one: $scope.summaryStats.one
                }
              }]
          }]
        };
        };
      }
    }
  });

The view is getting rendered properly but in the end, I’m getting a javascript error ‘a.parse is not a function’. Is this a correct way of doing things. If yes, why is the error coming and is there a way where if some value gets updated it will automatically reflect in the UI.