Scope est le lien entre HTML (vue) et JavaScript (contrôleur).
Scope est un objet avec des méthodes et propriétés disponibles.
Scope peut être appliqué aux vues et aux contrôleurs.
Portée AngularJS (portée) syntaxe
Lorsque vous créez un contrôleur dans AngularJS, vous pouvez passer l'objet $scope en paramètre
Portée AngularJS (portée) exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{carname}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.carname = "Volvo";
});
</script>
<p>控制器中创建一个属性名 "carname"，对应了视图中使用 {{ }} 中的名称。</p>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne