App-info error Lesson 2 Directive 1/8


#1

I am running the directive example locally (codecademy works fine) but when I get to the part of adding:

I get an error of angular

html looks like this:

App Market

<div class="main" ng-controller="MainController">
	<div class="container">
		<div class="card">
			<img class="icon" ng-src="{{move.icon}}">
			<h2 class="title">{{move.title}}</h2>
			<p class="developer">{{move.developer}}</p>
			<p class="price">{{move.price | currency}}</p>
		</div>

		<div class="card">
    	   <app-info info="move"></app-info>
    	</div>
	</div>
</div>
<script src="js/app.js"></script>
<script src="js/controllers/MainController.js"></script>
<script src="js/directives/appInfo.js"></script>

These are the appInfo files
appInfo.js
app.directive(‘appInfo’,function(){
return {
restrict: ‘E’,
scope: {
info: ‘=’
},
templateUrl: ‘js/directives/appInfo.html’
};
});

Its most likely something very simple I am missing.


#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.