Question

我有以下控制器用于在index.html页脚区域中显示数据，但遗憾的是没有显示任何内容。我已经仔细检查过代码，但似乎找不到任何东西，所以我想知道是否有人可以通过告诉我这里做错了什么以及如何解决它来取悦帮助？感谢

注意：在重现错误时我注意到了一件事。如果我只是导航到应用程序url说domainname.com/#/ FooterCntrl显示什么，但我导航到任何内部页面FooterCntrl数据显示，如果我返回主页FooterCntrl数据显示。然而，一旦我刷新主页，FooterCntrl数据又消失了......

的index.html

<html lang="en" ng-app="myApp">
<head>....</head>
....
<div ng-view></div>
....
<div id="footerzone" ng-controller="FooterCntrl">
  <div class="col">
    <h6>Data from controller - {{footerData}}</h6>
  </div>
</div>
</html>

FooterCntrl.js

myApp.controller('FooterCntrl',
    function FooterCntrl($scope){
        $scope.footerData = "Footer Data";
});

app.js

var myApp = angular.module('myApp', ['ngRoute', 'ngSanitize']);
myApp.config(['$routeProvider', function($routeProvider) {
       $routeProvider.when('/', 
                {     templateUrl: 'templates/index.html', 
                      controller: 'HController',
                      title: 'Welcome Home Page'
                });

..... etc of routes

AngularJS控制器不在视图中显示数据

0 个答案: