получить пустую страницу после добавления UI-роутера?

0

Изображение 174551

Я новичок в angularjs, я добавляю настраиваемую директиву в свое приложение, а также ui-router, и теперь я получаю пустые страницы. Ничего не отображается. Как я могу решить эту проблему, я действительно застрял в этой проблеме. я просто настраиваю свое приложение на плункер, вы можете видеть весь код там.

Плункер: http://plnkr.co/edit/D5S2c6rgycWFfsyfhN9J?p=info

я получил следующие ошибки:

Uncaught ReferenceError: scotchApp is not defined
homeDirective.js:2 Uncaught ReferenceError: scotchapp is not defined
code.angularjs.org/1.2.13/angular.js:9503 
 Error: [ng:areq] Argument     
'mainController' is not a function, got undefined

my index.html:

   <!DOCTYPE html>

        <!-- define angular app -->
         <html ng-app="scotchApp">

         <head>
          <!-- SCROLLS -->
         <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
         <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />

        <!-- SPELLS -->
         <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
         <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
         <script src="http://code.angularjs.org/1.2.13/angular.js"></script>
         <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script>
         <script src="script.js"></script>
          <script src="homeDirective.js"></script>
       </head>

          <!-- define angular controller -->
        <body ng-controller="mainController">

          <nav class="navbar navbar-default">
           <div class="container">
           <div class="navbar-header">
           <a class="navbar-brand" href="/">Angular Routing Example</a>
         </div>

          <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
           <li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
           <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
          </ul>
       </div>
        </nav>

        <div id="main">

        <!-- angular templating -->
        <!-- this is where content will be injected -->
         <div ui-view></div>

         </div>

         <footer class="text-center">
               View the tutorial on <a href="http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating">Scotch.io</a>
         </footer>

         </body>

       </html>
  • 0
    проверьте консоль разработчика
  • 0
    @Ronnie Uncaught ReferenceError: scotchApp не определено homeDirective.js: 2 Uncaught ReferenceError: scotchapp не определено code.angularjs.org/1.2.13/angular.js:9503 Ошибка: [ng: areq] Аргумент 'mainController' не является Функция получила неопределенный, это дает эти ошибки, я не знаю почему?
Показать ещё 24 комментария
Теги:
angular-ui-router
angularjs-directive

2 ответа

0

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

Добавление Var yourapp = исправлено, моя проблема, похоже, работает над всем, что хорошо, без него, пока я не начну добавлять директивы

  • 0
    Пожалуйста, ответьте конкретно на вопрос. Спасибо
0

Контроллер отсутствует, жаль, что я только что отредактировал его

отредактированный

1) объявить var var scotchApp = angular.module('scotchApp',['ui.router'])

2) в homeDirective имя переменной не совпадает

    var scotchApp = angular.module('scotchApp');
    scotchapp.directive('homeData', function() {

см. скриншот Изображение 174551

  • 0
    Директива не должна иметь контроллера. Может наследовать от родителя, если это то, что OP намеревается сделать, как сейчас. Это не объясняет проблему ОП
  • 0
    @maddygoround Я все еще получил ту же ошибку Uncaught ReferenceError: scotchApp не определен (анонимная функция) @ script.js: 28 homeDirective.js: 2 Uncaught ReferenceError: scotchapp не определен (анонимная функция) @ homeDirective.js: 2 angular.js: 9503 Ошибка: [ng: areq] Аргумент 'mainController' не является функцией, получил неопределенное значение
Показать ещё 13 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню