Angular JS-视图不工作

Angular JS - View not working

本文关键字:工作 视图 JS- Angular      更新时间:2023-09-26

晚间,

我正在努力将视图集成到我的代码中,想知道是否有人能帮我解决问题。我已经用尽了我所知道的一点点。

我让它在没有视图的情况下离线工作(index.html中的控制器),它看起来像这个

本地示例

这是我无法在本地工作的plunk版本

http://plnkr.co/edit/f7XVqxnVzDjGd17a4SMB?p=preview

它与我的HomeController.js文件有关,因为它目前正在通过app.js中的"otherwise"重定向,因为没有它就不会显示

app.js

var app = angular.module("DraftApp", ['ngRoute']);
app.config(function ($routeProvider) {
  $routeProvider
    .when('/players', {
      controller: "HomeController",
      templateUrl: "main.html"
    })
    .otherwise({
      redirectTo: '/players'
    });
});

家庭控制器

app.controller("HomeController", ["$scope", "players",
  function($scope, players) {
    players.success(function(data) {
      $scope.players = data;
    });
    $scope.filters = {};
    $scope.predicate = 'PTS';
    $scope.reverse = true;
    $scope.order = function(predicate) {
        $scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : true;
        $scope.predicate = predicate;
    };
  }
]);`

有一个拼写错误,所以控制器没有变老,

更改,

来自

<script src="players.js"></script>

<script src="player.js"></script>

工作应用