ui-router not redering template MVC5

Невозможно правильно настроить самые базовые настройки UU-Router.ui-router not redering template MVC5

Я просто хочу, чтобы теперь был преобразован жесткий код, а затем диагностировать получение файла .html для загрузки. Я использую MVC5 для своего проекта. Я разбиваю файлы ниже, но я пропущу некоторые из очевидных вещей ... если мне нужно будет включить его, я сделаю это. (К очевидно, что я имею в виду, когда я кладу в сценарии/CSS, головными теги, HTML теги, все эти вещи.)

Index.cshtml

<div ui-view="test"></div>

_Layout.cshtml

@{ 
    Layout = null; 
} 

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title></title> 
    @Styles.Render("~/Content/css") 
</head> 
<body ng-app="myApp"> 
    <script src="~/Scripts/jquery-2.1.4.min.js"></script> 
    <div class="container"> 
     @RenderBody() 
    </div> 
    @Scripts.Render("~/Scripts/Apps") 
</body> 
</html>

myApp.js

(function() { 
    "use strict"; 
    var myApp = angular.module('myApp', ["ui.router"]); 
    myApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { 
     $stateProvider 
      .state('home', { 
       url: '/', 
       views: { 
        "[email protected]": { 
         template:"<h1>Test</h1>" 
        } 
       } 
      }) 

     $urlRouterProvider.otherwise("/") 
    }]); 
})();

Но когда я перехожу к своему сайту ... это просто пустая белая страница? Нет ошибок консоли или что-нибудь ...

Я попытался добавления:

<a ui-sref="test"></a>

и просто бросил ошибку вдоль линий:

Error: Could not resolve 'test' from state ''

Так что я потерял .. любой совет был бы потрясающим!

источник

2015-09-20 DMcC

у вас нет состояния 'test', показанного на маршрутизаторе. . Вероятно, вы получите ошибку, запущенную в консоли, так как 'doranApp' не определено ... вы посмотрели в консоль инструментов разработчика? – charlietfl

Это была моя опечатка. Я исправил его, чтобы правильно отразить «myApp». Я проверяю инструменты dev, и когда я нажимаю на свой ui-sref, я получаю сообщение об ошибке - вне этого? Ничего ... для пинков Я добавил кнопку с функцией ng-click, все в строю, чтобы убедиться, что угловой сам работает, и он действовал правильно ... поэтому я знаю, что угловой становится там, и он не жалуется на UI-маршрутизатор. – DMcC

Я бы рекомендовал удалить абсолютное именование «test @ home» – TheNastyOne

Сначала измените свой «тест @ home» на «test-home».

затем изменить имя вашей точки зрения, как это указать на сценарий:

От:

<div ui-view="test"></div>

Для:

<div ui-view="test-home"></div>

Правильный код:

 var myApp = angular.module('myApp', ["ui.router"]); 
    myApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { 

     $urlRouterProvider.otherwise("/home"); 

     $stateProvider 
      .state('home', { 
      url: '/home', 
      views: { 
       "test-home": { 
        template: "<h1>Home</h1>" 
       } 
      } 
      }).state('test', { 
      url: '/test', 
      views: { 
       "test-home": { 
        template: "<h1>teste</h1>" 
       } 
      } 
      }); 

    }]);

источник

2015-09-21 21:22:38

ui-router not redering template MVC5

ответ

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