AngularJS Essentials

Chapter 5
In the previous example, we changed the value of the dialog property directly from
the ngClick directive declaration. The best choice in this case would be to delegate
this intention to the controller and let it control the state of the dialog, such as the
following code in the faq.html file:
Open
FAQ
You are in the Frequently Asked Questions!
Close
Consider the following code snippet in the controllers.js file:
parking.controller("faqCtrl", function ($scope) {
$scope.faq = false;
$scope.openFAQ = function () {
$scope.faq = true;
}
$scope.closeFAQ = function () {
$scope.faq = false;
}
});
The idea to spread a variable across the whole view is definitely dangerous. It
contributes to reducing the flexibility of the code and also increases the coupling
between the view and the controller.
Avoid reading the scope inside the controller
Reading the $scope object inside the controller instead of passing data through
parameters should be avoided. This increases the couple between them and makes the
controller much harder to test. In the following code snippet of the login.html file, we
will call the login function and access its parameters directly from the $scope object: