Angularjs 当我使用ui路由时，ui视图未定义且我的页面为空_Angularjs_Routing_Angular Ui Router

Angularjs 当我使用ui路由时，ui视图未定义且我的页面为空

angularjs routing

Angularjs 当我使用ui路由时，ui视图未定义且我的页面为空,angularjs,routing,angular-ui-router,Angularjs,Routing,Angular Ui Router,在控制器中取消对代码的注释之前，我无法查看我的索引页。我做错了什么。这是我的示例代码。我尝试了所有可能的选项，没有发现哪里出了问题 ` var abc=angular.module（'myApp'，[“ui.router”]） .config（函数（$stateProvider，$urlRouterProvider）{ $stateProvider.state（'home'{ 模板：“此模板与Ui路由一起显示” }); $urlRouterProvider。否则（'/'）； }). 控制器（'

在控制器中取消对代码的注释之前，我无法查看我的索引页。我做错了什么。这是我的示例代码。我尝试了所有可能的选项，没有发现哪里出了问题


var abc=angular.module（'myApp'，[“ui.router”]）
.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider.state（'home'{
模板：“此模板与Ui路由一起显示”
});
$urlRouterProvider。否则（'/'）；
}).
控制器（'myNewCtrl'，函数（$scope，$state）{
//$state.go（'home'）；
});
我的Angular应用程序
`

演示

var myApp=angular.module（'myApp'，['ui.router']）；
myApp.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider.state（“主页”{
网址：“#”，
模板：“此模板与Ui路由一起显示”，
控制器：“myNewCtrl”
});
});
myApp.controller（'myNewCtrl'，['$scope'，函数（$scope）{
}])

家

演示

var myApp=angular.module（'myApp'，['ui.router']）；
myApp.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider.state（“主页”{
网址：“#”，
模板：“此模板与Ui路由一起显示”，
控制器：“myNewCtrl”
});
});
myApp.controller（'myNewCtrl'，['$scope'，函数（$scope）{
}])

家

工作演示：

var myApp=angular.module（'myApp'，['ui.router']）；
myApp.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider.state（“主页”{
模板：“此模板与Ui路由一起显示”，
控制器：“myNewCtrl”
});
});
控制器（'myNewCtrl'，['$scope'，'$state'，函数（$scope，$state）{
$state.go（'home'）；
}]);
工作演示：

var myApp=angular.module（'myApp'，['ui.router']）；
myApp.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider.state（“主页”{
模板：“此模板与Ui路由一起显示”，
控制器：“myNewCtrl”
});
});
控制器（'myNewCtrl'，['$scope'，'$state'，函数（$scope，$state）{
$state.go（'home'）；
}]);

我在控制台上没有收到任何错误如果我们取消注释它工作，我在控制台上没有收到任何错误，但是为什么我应该从控制器路由它，根据默认情况下它应该加载的文档是的，如果我们取消注释它工作，但是为什么我应该从控制器路由它，根据默认加载的文档，我可以在使用go或sref方法时导航，但是如果不使用这两种方法，我们如何导航到默认模板，使用go目前对我有效，但稍后我必须在主状态上声明抽象，并且我们无法使用controllerI中的go方法导航到抽象状态。当我使用go或sref方法时，我可以导航，但是如果不使用这两种方法，我们如何导航到默认模板，使用go目前对我有效，但稍后我必须在主状态上声明抽象，并且我们不能通过在控制器中使用go方法导航到抽象状态
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.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">

      var abc = angular.module('myApp', ["ui.router"])

      .config(function($stateProvider,$urlRouterProvider){
          $stateProvider.state('home',{
            template: '<h1>This template is displayed with Ui route </h1>'
          });
          $urlRouterProvider.otherwise('/');
      }).
      controller('myNewCtrl',function($scope,$state){
//        $state.go('home');
      });
    </script>
    <title>My Angular App</title>
</head>
<body ng-app='myApp'>
  <div ng-controller="myNewCtrl">

    <ui-view></ui-view>
  </div>
</body>
</html>`