0
Я пишу угловое приложение, которое извлекает данные из api и отображает данные в пользовательской директиве. Я успешно получаю данные обратно из api, но не отображается в формате html-шаблона. Есть ли проблема с моим синтаксисом в файле директивы js?Угловая пользовательская директива элемента не отображается на экране
HTML
<!doctype html>
<html>
<head>
<title>Angular Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"> </script>
<script src="js/controllers/MainController.js"></script>
<script src="js/services/WaitTimes.js"></script>
<script src="js/directives/rideInfo.js"></script>
<body ng-app="myApp" ng-controller="MainController">
<div ng-repeat = 'ride in rides'>
<p>{{ride.name + ": " + ride.waitTime }}</p> <!--this works-->
<ride-info info='ride'></ride-info> <!--this doesn't-->
</div>
</body>
</html>
Директива JS
myApp.directive('rideInfo', function() {
return {
restrict: 'E',
scope: {
info: '='
},
templateUrl: 'js/directives/rideInfo.html'
};
});
Шаблон URL
<div>
<h2>{{ info.name }}</h2>
<h3>{{ info.waitTime }}</h3>
</div>