AngularJS单页应用ng-show始终为false问题求助

核心问题 #

你犯了一个极易忽略的小错误：首页路由配置里指定的控制器是noticeController，但判断首页的isHomePage()方法却定义在HomeController里。这导致首页的作用域根本找不到这个方法，ng-show拿到的是undefined，自然触发隐藏逻辑。

修复方案 #

方案一：修正路由的控制器绑定 #

直接把首页路由的控制器改成HomeController，让方法和页面作用域匹配：

$routeProvider.when( '/', {
   templateUrl: '/partials/site/index.html',
   controller: 'HomeController', // 替换原来的noticeController
   title: "business title"
});

方案二：把判断方法放到根作用域（全局可用） #

如果需要在多个页面判断是否是首页，可以把方法定义在$rootScope里，所有页面都能直接调用：

module.run(['$rootScope', '$route', '$location', function($rootScope, $route, $location) {
    $rootScope.$on('$routeChangeSuccess', function() {
        document.title = $route.current.title;
    });
    // 新增全局判断方法
    $rootScope.isHomePage = function() {
        return $location.path() === '/';
    };
}]);

这种方式不需要修改路由控制器，原有HTML代码可直接使用。

额外检查项 #

1. 确认HomeController的模块注册正确，比如你用的angular.module('app').controller，要确保app是你实际使用的模块。
2. 打开浏览器控制台，检查是否有控制器未定义、依赖注入失败这类报错，这些也会导致方法无法正常工作。

内容的提问来源于stack exchange，提问作者willjla