inicializar angular en el evento window.onload
En un marco de terceros, se puede modificar una página html proporcionando un código javascript que el marco agregará a la carga de la ventana. Desde su contenido se puede escribir en el elemento div AddIn.
¿Cómo podría inyectar una aplicación angular en este elemento div (HTML + js)?
<!DOCTYPE html>
<html>
<head>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.0-beta.4/angular.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
window.onload=function() {
//todo add js code here
}
</script>
</head>
<body>
<div id="AddIn"></div>
</body>
</html>
Puedo agregar el html
$('#AddIn').append("<div ng-app='dropboxApp' ng-controller='dropboxController as dropbox'>{{dropbox.label}}</div>");
pero no estoy seguro de dónde agregar mi código de inicio angular y hacer que las cosas funcionen
angular.module('dropboxApp', [])
.controller('dropboxController', function () {
var dropbox = this;
dropbox.label = 'hello angular';
});