This is my index.html
`<!doctype 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.