1.0 KiB
1.0 KiB
.cadoles-slide-title[L'objet $scope (1/4)]
.cadoles-small[
- L'object
$scopeest 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">
<!-- Liaison de donnée avec la propriété "myValue" du $scope -->
<span>{{ myValue }}</span>
<!-- La directive "ng-click" associe la méthode exposée sur le $scope à l'évènement "onclick" -->
<button ng-click="myButtonClickHandler()"></button>
</div>
<script src="angular.js"></script>
<script>
var myApp = angular.module('myApp', []);
myApp.controller('MyAppCtrl', ['$scope', function($scope) {
$scope.myValue = 'Foo !'
$scope.myButtonClickHandler = function() { alert('Click !'); };
}]);
</script>
</body>
</html>