formations/javascript/angular/scope-1.md

907 B

.cadoles-slide-title[L'objet $scope (1/4)]

.cadoles-small[

  • L'object $scope est le lien entre la logique métier de votre contrôleur et le DOM.
  • C'est le contexte utilisé lors des opérations de liaison de données.
  • C'est également le principal médium de gestion des interactions de l'utilisateur avec votre application.

]

Exemple

<html>
  <body ng-app="myApp">

    <div ng-controller="MyAppCtrl">
      <!-- La directive "ng-click" associe la méthode exposée sur le $scope à l'évènement "onclick" -->
      <button ng-click="buttonClickHandler()"></button>
    </div>

    <script src="angular.js"></script>
    <script>
      var myApp = angular.module('myApp', []);

      myApp.controller('MyAppCtrl', ['$scope', function($scope) {

        $scope.buttonClickHandler = function() {
          alert('Click !');
        };

      }]);
    </script>
  </body>
</html>