I'm currently working on incorporating Angular into an existing DOJO application. I've set up a plunkr http://plnkr.co/edit/8pgdNwxFoxrDAQaQ4qfm?p=preview, but unfortunately, the angular module is not loading. Can anyone provide guidance on what might be going wrong?
The goal of this plunkr is to simply display "hello World" from an angular controller.
<div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props='isLayoutContainer: "true"'
title="Testing Angular with DOJO"
id="targetID"
selected="false"
href="page.html">
In our application, there are other divs utilizing DOJO on the same page. To include page.html, which is attempting to load the angular module and use variables from the controller, I followed a similar approach.
<body ng-app="myApp">
<div ng-controller="myAppController as myAppCtrl">
angular content here... {{ myAppCtrl.hello }}
</div>
</body>
This script showcases a basic angular module and controller setup to display "hello world".
(function () {
'use strict';
console.log("inside myApp js");
angular.module('myApp', [])
.run([function () {
console.log("inside angular module");
}])
.controller('myAppController', [function () {
var self = this;
self.hello = "Hello World!"
console.log("inside angular controller");
}])
})();