Javascript AngularJS ui.router赢得';t加载模板

Javascript AngularJS ui.router赢得';t加载模板,javascript,angularjs,uiview,angularjs-scope,angular-ui-router,Javascript,Angularjs,Uiview,Angularjs Scope,Angular Ui Router,我还在学习AngularJS,在UI路由器方面遇到了问题。 它只是无法加载模板 这是我的密码: <body class="top-navigation" ng-app="mixcontainer"> <div id="wrapper"> Navbar here </div> <div class="row m-b-lg m-t-lg" ng-controller='MainCtrl'>

我还在学习AngularJS,在UI路由器方面遇到了问题。 它只是无法加载模板

这是我的密码:

<body class="top-navigation" ng-app="mixcontainer">

      <div id="wrapper">
        Navbar here
      </div>
      <div class="row m-b-lg m-t-lg" ng-controller='MainCtrl'>
        <div ui-view></div>
      </div>
    </div>
  </div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.4.2/angular-ui-router.js"></script>
<script type="text/javascript" src="app.js"></script>



</body>

这里是导航栏
还有我的angular app.js:

var app = angular.module('mixcontainer',['ui.router'])

app.config(function($stateProvider){
    var test = {
        name: 'test',
        url: '/test',
        template: '<h3>Hello world</h3>',
        controller: 'MainCtrl'
    }

    $stateProvider.state(test);
})

app.controller('MainCtrl',['$scope','$state','$rootScope', function($scope,$state,$routeScope){

}])
var-app=angular.module('mixcontainer',['ui.router']))
app.config(函数($stateProvider){
var测试={
名称:'测试',
url:“/test”,
模板:“你好,世界”,
控制器:“MainCtrl”
}
$stateProvider.state(测试);
})
app.controller('MainCtrl',['$scope','$state','$rootScope',函数($scope,$state,$routeScope){
}])

我尝试了多次,无论是模板还是模板URL,无论角度如何,都无法生成ui视图。我的浏览器或服务器控制台上也没有任何错误。我已经使用它一周了,它快把我逼疯了。

尝试以正确的方式使用
$stateProvider('nameOfState',configurationObject)
创建您的ui路由。使用
$state
切换路线,例如在控制器逻辑内部。这是一个可以帮助你的方法

var app = angular.module('mixcontainer',['ui.router'])

app.config(function($stateProvider){

    $stateProvider.state("test", {
        url: "/test",
        template: "<h3>Hello world</h3>",
        controller: "MainCtrl"
    });
});
var-app=angular.module('mixcontainer',['ui.router']))
app.config(函数($stateProvider){
$stateProvider.state(“测试”{
url:“/test”,
模板:“你好,世界”,
控制器:“MainCtrl”
});
});

有任何反馈或建议吗?我想我的问题在于我试图直接访问url localhost:8080/test。在尝试您的代码,并试图直接达到它仍然没有工作。不过,我在导航栏中添加了一个ui sref链接,现在它似乎可以工作了。这是否意味着我不能直接“测试”我的路线?它确实可以很好地工作,就像在fiddle示例中一样,您的应用程序有什么问题?您应该能够直接调用URL。