在angularJs中，播放框架，刷新后（F5）ng视图不工作

我在做主页，有这么麻烦的事情

localhost:9000/此url是我的主页

主页顶部有三个类别，a、b、c

当我单击时，url将更改为localhost:9000/a

我可以看到部分视图，其中显示了一句话helloworld！。它工作得很好

但当我点击refreshF5时，视图显示{{句子}

我认为我看不到正确视图的原因是a.html无法加载资源

只有main.html具有完整的html结构。而其他html则没有

a、 html只有{{句子}}

下面是javascript中的小代码块

myApp.config(['$routeProvider','$locationProvider' ,function($routeProvider,$locationProvider){
    $routeProvider
        .when('/a',{
            templateUrl:'a',
            controller:'aCtrl'
....
}
myApp.controller('aCtrl',['$scope',function($scope){
    $scope.message = "hello world!";
}]);

这是路线

GET        /               controllers.Application.index
GET        /a              controllers.Application.a

它是Application.java

package controllers;

import play.*;
import play.mvc.*;

import views.html.*;

public class Application extends Controller {

    public static Result index() {
        return ok(index.render("Your new application is ready."));
    }

    public static Result a(){ return ok(a.render());}
}

那么有什么解决办法吗？？我真的找不到解决办法

还是在angularJs中正常？因为它是单页应用程序

只有主页面可以使用refreshF5。它显示了正确的视图

---

请帮帮我！！！！！！！OTL

Play框架和AngularJS都有一个路由系统，在您的示例中并不匹配

由于有多个选项可以匹配它们，我们假设您只希望依赖AngularJS路由系统，并且希望与大型浏览器兼容

conf/routes：捕捉到同一控制器的所有URL

GET     /$id<[a-c]?>                controllers.Application.index(id: String)
GET     /assets/*file               controllers.Assets.at(path="/public", file)

在AngularJS方面，您可能不必进行更改，因为AngularJS会根据您的描述更改路线。作为参考，这是一个工作示例：

main.js

---

显示有问题的代码。检查浏览器控制台中的js错误。我检查了浏览器控制台。。。而且没有错误。

package controllers
import play.api._
import play.api.mvc._

object Application extends Controller {
  def index(id: String) = Action {
    if (id.nonEmpty) {
      Redirect("/#/"+id)
    } else {
      Ok(views.html.main("Hello"))
    }
  }
}

var app=angular.module('main', ['ngRoute']);
app.config(function($routeProvider) {
    $routeProvider.when('/a',        {templateUrl: '../assets/tpl/a.html', controller: 'a'});
    $routeProvider.when('/b',        {templateUrl: '../assets/tpl/b.html', controller: 'b'});
    $routeProvider.otherwise(        {templateUrl: '../assets/tpl/default.html', controller: 'default'});
});
app.controller('default', function($scope, $http, $location) {
    console.log('default controller');
});
app.controller('a', function($scope, $http, $location) {
    console.log('controller a');
});
app.controller('b', function($scope, $http, $location) {
    console.log('controller b');
});