I was able to solve this using AngularJS manual bootstrapping.
I moved the angular.min.js
to my index.blade.php
.
Then, in my edit.blade.php
:
<div id="helloApp">
I am an angular app
<div ng-controller="editController">
Mighty controller
<span ng-cloak>@{{message}}</span>
</div>
</div>
<script>
var ang = angular.module('itemsModule', []);
ang.controller('editController', function($scope, $http){
console.log('init edit controller');
$scope.message = 'hello';
});
angular.element(function() {
angular.bootstrap(document.getElementById('helloApp'), ['itemsModule']);
});
</script>