2017-01-15 43 views
0

这里是我的角度应用程序。ng-view没有显示任何角度

var MyApp = angular.module('myApp', ['ngRoute']); 

MyApp.config(function ($routeProvider, $locationProvider) { 
    $routeProvider 
    .when("/RestChecker", { 
     templateUrl: "templates/RestChecker.html", 
     controller: "RestController" 
    }); 
    $locationProvider.html5Mode(true); 
}) 

var RestController = function($scope, $log, Rest){ 
    $scope.restMethod = "get"; 
    $scope.restURL="https://jsonplaceholder.typicode.com/posts/77"; 
    $scope.fetchRest = function(){ 
     Rest.getIt($scope.restURL, $scope.restMethod).then(function(response){ 
      $scope.response = response.data.body; 
      $scope.PostTitle = response.data.title; 
      $scope.status = response.status; 
      $scope.method = response.config.method; 
     },function(response){ 
      $scope.response = response.data.body; 
      $scope.PostTitle = ""; 
      $scope.status = ""; 
      $scope.method = "abc"; 
     }); 
    }; 
} 

MyApp.controller("RestController", RestController); 

这里是我的html ..

头部分内。插入的碱基href标签

<body data-ng-app="myApp"> 
<ng-view></ng-view> 
<body> 

正好在body标签结束之前。其

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

      <!-- Bootstrap Core JavaScript --> 
      <script src="js/bootstrap.min.js"></script> 
      <script src="js/angular.min.js"></script> 
      <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-route.min.js"></script> 
      <script src="js/responsive/responsive.js"></script> 
      <script src="js/responsive/services.js"></script> 

我不知道问题出在哪里。浪费了我半天的时间来找出解决方案。也是在其URL显示

http://192.168.0.8:8000/ThemeTemplate.html#%2FRestChecker

结识%2F不过斜杠..

任何建议表示赞赏。

+0

也,有一个名为在我有这个主template.HTML文件的目录模板..里面Templates文件夹中有这个部分restchecker.html文件夹。 – lovelyim92

+0

模板RestChecker.html的内容是什么?只是为了调试,删除HTML5模式,即注释这一行'$ locationProvider.html5Mode(true);'。 –

回答

0

你的URL将被/RestChecker你为什么要访问/ThemeTemplate.html#%2FRestChecker? 在这里注射您的Rest['ngRoute']);

Rest.getIt ???

尝试Rest.get代替