Я новичок в 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>
var yourapp= angular.module('yourapp', ['ui.router'])
Добавление Var yourapp = исправлено, моя проблема, похоже, работает над всем, что хорошо, без него, пока я не начну добавлять директивы
Контроллер отсутствует, жаль, что я только что отредактировал его
отредактированный
1) объявить var var scotchApp = angular.module('scotchApp',['ui.router'])
2) в homeDirective имя переменной не совпадает
var scotchApp = angular.module('scotchApp');
scotchapp.directive('homeData', function() {
см. скриншот