ui-view undefined и моя страница пуста, когда я использую ui routing

Я не вижу мою страницу индекса, пока не раскомментирую свой код в контроллере. Что я делаю неправильно. Вот мой пример кода. Я пробовал все возможные варианты не получаю, где я буду неправильноui-view undefined и моя страница пуста, когда я использую ui routing

<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>`

источник

2017-01-28 user2099541

я не получаю какую-либо ошибку на консоли – user2099541

DEMO

var myApp = angular.module('myApp', ['ui.router']); 
 
myApp.config(function ($stateProvider, $urlRouterProvider){ 
 
    $stateProvider.state("home", { 
 
     url: "#", 
 
     template: "<h1>This template is displayed with Ui route </h1>", 
 
     controller: "myNewCtrl" 
 
     }); 
 
}); 
 
myApp.controller('myNewCtrl', ['$scope', function($scope) { 
 

 
}])

<!DOCTYPE html> 
 
<head> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script> 
 
    <script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 
<body ng-app="myApp"> 
 
    <nav> 
 
    <a ui-sref="home">Home</a> 
 
    </nav> 
 
    <div ui-view></div> 
 
</body>

источник

2017-01-28 04:17:45 Sajeetharan

я могу перемещаться, когда я использую идти или метод sref, но как мы перемещаемся по умолчанию шаблон без использования этих два метода, использование go для меня работает пока, но позже я должен объявить абстрактное состояние в домашнем состоянии, и мы не можем перейти к абстрактному sate, используя метод go в контроллере – user2099541

Работа демо:

var myApp = angular.module('myApp',['ui.router']); 
 
myApp.config(function ($stateProvider, $urlRouterProvider){ 
 
    $stateProvider.state("home", { 
 
     template: "<h1>This template is displayed with Ui route </h1>", 
 
     controller: "myNewCtrl" 
 
     }); 
 
}); 
 
myApp.controller('myNewCtrl',['$scope','$state', function($scope,$state) { 
 
    $state.go('home'); 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script> 
 
<div ng-app="myApp" ng-controller="myNewCtrl"> 
 
    <div ui-view></div> 
 
</div>

источник

2017-01-28 08:08:47

Да, если мы раскомментируем его, но почему я должен перенаправить его из контроллера, согласно документам, он должен загружать по умолчанию право – user2099541

ui-view undefined и моя страница пуста, когда я использую ui routing

ответ

Смежные вопросы