Learn
Directives
installApp III
The template uses Angular’s built-in ng-click directive. When the button is clicked, ng-click will tell AngularJS to run the download() function in the directive.
The download() function uses the scope.installed property to check if an app is installed. When an app is installed, download() does three things:
- toggles the
.btn-activeclass - changes the button text to “Uninstall”
- changes
scope.installedtotrue
Instructions
1.
Finally, use the new directive in the view:
In index.html, add the new <install-app> element inside the .card div under the <app-info> element.
2.
View the AngularJS app in the browser by typing http://localhost:8000.