Angularjs控制器被称为两次？

我使用ngResource从服务器调用数据。 但是，我已经发现由于某种原因，我的控制器被调用了两次。
这是我的代码;

App.js文件

 // declare a module var blogApp = angular.module('blogApp', ['ngResource']); 

HomeController.js文件;

 blogApp.controller("HomeController", function ($scope, $resource) { var HotNews = $resource('/api/article/hotnews?culture=en-US'); $scope.news = HotNews.query(); alert("hello"); //here i see hello alert box two times }); 

我的看法;

  
 
 {{headline.description}} » more 
  

更新：问题出在主布局的fancybox.js文件中;

源文件是;

       @Scripts.Render("~/bundles/jquery")  

当我评论出fancybox时，一切正常，但当我把它添加回去时，我得到两次警报框;

Answer 1

一切都好看。 问题可能在其他地方。 我基于上面创建了一个plunker并执行了一次控制器。 您可能想要修改它，添加其他代码（如果有）并自行测试： http ： //embed.plnkr.co/ttvlTJBhTEd9sQUdkQjX/preview

Answer 2

这个问题的主要问题在于我的项目中脚本的排列方式。 所以，我逐个评论每个脚本，然后我得到了问题。 问题是，我正在使用名为pageslide jquery库，在我有一个按钮的情况下，当用户点击该按钮时，页面向左/右滑动;
所以，我只是将所有angular相关文件移动到所有脚本的末尾，现在，我没有看到两次alert()框。
这是适合我的安排;

  @Scripts.Render("~/bundles/jquery")         // this was causing the problem       @RenderSection("scripts", required: false) @MiniProfiler.RenderIncludes()