I'm trying out AngularJS in a custom visual. I've got the AngularJS modules library in and building and not I'm trying to build a test app.
I've created some html in the constructor:
const ang_app: HTMLElement = document.createElement("div");
ang_app.setAttribute('ng-app',"myapp");
ang_app.setAttribute('ng-controller',"tableController");
const ang_tr: HTMLElement = document.createElement("tr");
ang_tr.setAttribute('ng-repeat',"row in dataSet");
ang_app.appendChild(ang_tr);
const ang_td: HTMLElement = document.createElement("td");
ang_td.appendChild(document.createTextNode("{{row[0]}}"));
ang_app.appendChild(ang_td);
this.target.appendChild(ang_app);and checked the resulting HTML, which looks OK:
<div ng-app="myapp" ng-controller="tableController">
<tr ng-repeat="row in dataSet"></tr><td>{{row[0]}}</td></div>
I'm using angular in the Update method like this:
var app = ng.module("myapp",[]);
app.controller("tableController", ['$scope', function ($scope) {
$scope.dataSet = options.dataViews[0];
}],
);
So it looks fairly close, but I'm obviously missing something. Does any one have a suggestion or is there sample code I can look at?
I'm getting this error:
SCRIPT5022: SCRIPT5022: [$injector:modulerr] Failed to instantiate module myapp due to: Error: [$injector:nomod] Module 'myapp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. https://errors.angularjs.org/1.7.4/$injector/modulerr?p0=myapp&p1=Error%3A%20%5B%24injector%3Anomod%...
