4. Built-in and Custom Directives


#1

Need help with passing angular JS exercise: 4. Built-in and Custom Directives.

I believe with the following code I am implementing ng-repeat correct to display an array of objects whose values are being passed into appInfo.html. The display looks correct, but I'm not getting a check mark and there's no useful error message. Please let me know if there's something I am missing.

Please look at code snippets:

MainController.js snippet:
$scope.apps = [
{
icon: 'img/move.jpg',
title: 'MOVE',
developer: 'MOVE, Inc.',
price: 0.99
},
{
icon: 'img/shutterbugg.jpg',
title: 'Shutterbugg',
developer: 'Chico Dusty',
price: 2.99
},
{
icon: 'http://ruzzleonline.net/images/ruzzle-online-default-featured-image',
title: 'Ruzzle',
developer: 'EA',
price: 1.99

},
{
icon: 'https://a2.muscache.com/airbnb/static/logos/belo-200x200-4d851c5b28f61931bf1df28dd15e60ef',
title: 'airbnb',
developer: 'AirB and B',
price: 10.99
}
];

Index.html snippet:



appInfo.html:

{{ info.title }}


{{ info.developer }}


{{ info.price | currency }}


#2

hello,

I am also facing with the same problem. I am getting the output but not getting the check mark

maincontroller.js file
$scope.apps = [
{
icon: 'img/move.jpg',
title: 'MOVE',
developer: 'MOVE, Inc.',
price: 0.99
},
{
icon: 'img/shutterbugg.jpg',
title: 'Shutterbugg',
developer: 'Chico Dusty',
price: 2.99
} ,
{
icon: 'img/move.jpg',
title: 'MOVE',
developer: 'MOVE, Inc.',
price: 0.99
},
{
icon: 'img/shutterbugg.jpg',
title: 'Shutterbugg',
developer: 'Chico Dusty',
price: 2.99
}
];

index.html




#4

i am also facing the same problem.my coding is correct and it also shows the correct output in the browser but i am not getting the checkmark. i reported it 2 days ago but i its not solved yet. How to move ahead now?


#5

Same problem as yours. I get the correct output but no check mark. I think I'll report a bug.


#6

Got the solution :
- either delete the previous

and have only the one with the ng-repeat in your code;
- or put the
first.
both got me to the next step

#7

The key is delete the others div.card like this:

<div class="main" ng-controller="MainController">
      <div class="container">
         <div class="card" ng-repeat="app in apps">
            <app-info info="app"></app-info>
          </div>
      </div>
    </div>

#8

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