angularjs ng-controller inside ng-controller - angularjs

Question

I have a ng-controller in _Layout page like this.
<div ng-controller="LayoutController">
left content....
#RenderBody
right content..
And using angular module in layout with ajax ( that part works )
<script type="text/javascript">
var module_ = angular.module("myapp", []);
var controller_ = module_.controller("layoutController", function ($scope) {
$.ajax({
type: "POST",
url: "Home/GetMenu",
success: function (result) {
$.each(result, function (i, ix) {
result[i].ID = i + 1;
});
$scope.TopCharactersModel = result;
$scope.$apply();
},
complete: function () {
}
})
Then i want to use another Ng-Controller inside Index.html which derived from this layout page.
Javascript code is not work at this side and chrome debugger show this error
WARNING: Tried to load angular more than once.
<div ng-controller="IndexController">
<div class="panel-group" id="accordion" ng-repeat="arr_ in newsArr">
</div>
</div>
<script>
var module = angular.module("myapp", []);
var myController1 = module_.controller("IndexController", function ($scope) {
$.ajax({
url: "Home/GetNews",
type: "POST",
success: function (result) {
$scope.newsArr = result;
// $scope.$digest();
$scope.$apply()
},
complete: function () {
}
});
});
</script>

Answer 1

For second controller try this.
<script>
var module = angular.module("myapp", []);
var myController1 = module.controller("IndexController", function ($scope) {
$.ajax({
url: "Home/GetNews",
type: "POST",
success: function (result) {
$scope.newsArr = result;
// $scope.$digest();
$scope.$apply()
},
complete: function () {
}
});
});
</script>

Answer 2

Assuming you are within the same app and you're not creating some sort of hybrid application with multiple spa's... you are in fact redeclaring the module: myapp. If you need a reference to the myapp module remove the [] from angular.module("myapp", []);
Creation versus Retrieval Beware that using angular.module('myModule',
[]) will create the module myModule and overwrite any existing module
named myModule. Use angular.module('myModule') to retrieve an existing
module.
Pasted from module documentation.