Question

目录结构：

public
  film
    - film.html
    - film-controller.js
  main
    - main.html
    - film-controller.js
  - app.js
  - index.html

在我的index.html文件中，我有：

<div ng-view> </div>

正文中的

和起始html标记中的ng-app =“myApp”

app.js

angular.module('myApp', ['ngRoute']).config(config);

function config($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: 'main/main.html',
        controller: 'MainController',
        controllerAs: 'vm'
    }).when('/film/:id', {
        templateUrl : 'film/film.html',
        controller: 'FilmController',
        controllerAs: 'vm'
    }).otherwise({
        redirectTo : '/'
    });
}

在main.html中，我有<h1>Hello {{vm.name}}</h1>代码行

在main-controller.js中：

angular.module('myApp').controller('MainController', MainController);

function MainController($http) {
    var vm = this;
    $http.get('http://swapi-tpiros.rhcloud.com/films').then(function(response) {
        vm.films = response.data;
    });

    vm.name = 'Joseph';
}

所以当页面加载时我希望看到“你好约瑟夫”，但我没有得到任何东西，如果我检查控制台我没有错误。在检查元素时，它在body标签内显示。我测试了我的路由，它应该导航到正确的地址，但为什么我的模板不显示，为什么我的 ng-view 被注释掉了？

我正在使用Python的SimpleHTTPServer模块运行此应用程序，仅供参考。

AngularJS ng-view没有显示使用$ routeProvider模板

0 个答案: