AngularJS application continuously redirects within BPM and thus crashing browser

Question

I included a standalone AngularJS project in IBM BPM by keeping all the project assets (html, css & js files) in resources (teamworks.war) and keeping the index.html and AngularJS's main controller in customHTML in BPM's coach view.

Routing file for AngularJS (app.js):

angular.module('demoApp', ['ui.tree', 'ngRoute', 'ui.bootstrap'])
    .config(['$routeProvider', function($routeProvider) {
        $routeProvider
            .when("/tree", {
                controller: "treeCtrl",
                templateUrl: "template.html"
            })
            .otherwise({
                redirectTo: '/tree'
            });
    }]);

BPM loads the AngularJS app again and again (using '/tree ' instead of '/tree' as the template name) as seen from elements in developer tools in ng-view and ultimately the browser gets crashed.

Although the same AngularJS app works perfectly fine on browser independently (without being included in BPM).

How can this behaviour be avoided in BPM?

Have you tried the "official" ibm support community over at https://developer.ibm.com/answers/topics/bpm/ ? — Nils, May 28 '19 at 06:34

score 1 · Accepted Answer · answered May 31 '19 at 13:37

Sometimes third party libraries have limitations which you would not have locally.

When it is not possible to change the source code of that particular project, you might be better off by incurring a small stylistic penalty in your own code, so that you can integrate with the other software.

In this case, if you cannot change the configuration to omit the space, you could change your own template name to '/tree ', which will have an unnecessary space after your template name, but should be called on properly through BPM.

Thanks @Daniël, adding another template `'/tree '` solved the continuous routing issue! — Muhammad Faizan Uddin, May 31 '19 at 14:16

AngularJS application continuously redirects within BPM and thus crashing browser

1 Answers1