Angular JS adapter for Webix UI

Before Webix 4.3 this module was part of webix.js

See the detailed documentation on integration of Webix with Angular JS.

If you are looking for the demo for Angular 2 and above, check the related repository.

Webix-Angular App Structure

To use Angular JS framework for Webix component you should:

include Angular and Webix scripts into the document. Note that order does matter here - Angular JS script must come first;
set ngApp directive to the document root to bootstrap an application. For convenience means, it's recommended to use "webixApp" as module name.
create a new module passing module name from the previous step and "webix" required parameter to connect it to Webix library.

<!DOCTYPE html> <!--setting directive-->
<html lang="en" ng-app="webixApp">
<head>
  <meta charset="utf-8">
  <title>Webix-Angular App</title>
  <script src="js/angular.min.js"></script>
  <script type="text/javascript" src="../../codebase/webix.js"></script>
  <link rel="stylesheet" type="text/css" href="../../codebase/webix.css">
  <script type="text/javascript">
  	const app = angular.module('webixApp', [ "webix" ]); //creating module
  	..//app's js code (controllers)
  </script>
</head>
<body>
	<!-- app's html -->
</body>
</html>

However, since app logic is typically complex, it's a good practice to store controllers separately: