Lesson 7/8


#1

This is my index.html

`



<!-- Include the AngularJS library -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>





App Market



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

<!-- Modules -->
<script src="js/app.js"></script>

<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>

<!-- Directives -->
<script src="js/directives/appInfo.js"></script>

<script src="js/directives/installApp.js"></script>



`

And this is my installApp.js

`app.directive('installApp', function() {
return {
restrict: 'E',
scope: {
info: '=',
link: function(scope, element, attrs) {
scope.buttonText = "Install",
scope.installed = false,

scope.download = function() {
element.toggleClass('btn-active');
if(scope.installed) {
scope.buttonText = "Install";
scope.installed = false;
} else {
scope.buttonText = "Uninstall";
scope.installed = true;
}
}
}
},
templateUrl: 'js/directives/installApp.html'
};
});`

It say's i did it right but i am seeing no button and i know there is a problem but i cant find it for the life of me.


#2

Never mind i just clicked the reset exercise button and the code was formatted correctly so i could just add the text i needed and it worked.