У меня есть навигатор, который я пытаюсь ввести на главную страницу. Я запустил страницу и проверил F12> Network, которая показала, что директива templateURL (navbar.html) либо не вызывалась, либо не вводилась. Ошибок нет. Кто-нибудь может понять, что может быть неправильным с моим кодом?
Структура каталогов:
Ниже приведен код:
landingpage.html
<html>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!--<link href="../css/landingpage.css" rel="stylesheet">-->
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<script type="text/javascript">
alert("this works");
</script>-->
<body>
<div>
<navbar ></navbar>
</div>
<!-- Insert navbar-->
<!-- Modules -->
<script src="js/app.js"></script>
<!-- Controllers -->
<script src="js/controllers/NavController.js"></script>
<!-- Directives -->
<script src="js/directives/navappDirective.js"></script>
</body>
navappDirective.js
navapp.directive('navbar', function() {
return {
restrict: 'E',
scope: {
},
/*template: '<p>Hi</p>'*/
templateUrl: 'templates/navbar.html'
};
});
navbar.html имеет только пункт для тестирования.
благодаря
Всем спасибо!
У меня было приложение ng-app в navbar, потому что именно там я использовал информацию о контроллере и думал, что это сработает.
Проблема была решена с помощью следующих шагов:
ng-app
отсутствует в targetpage.html
В файле targpage.html, пожалуйста, обновите его, как показано ниже.
<body ng-app="myapp">
В app.js вы, вероятно, должны иметь
angular.module('myapp',[]);
index.html
файлаindex.html
.