angular

AngularJS Scope(作用域)

Scope(作用域) 是應用在 HTML (視圖) 和 JavaScript (控制器)之間的紐帶。

Scope 是一個對象，有可用的方法和屬性。

Scope 可應用在視圖和控制器上。

視圖可以指的是HTML中的元素

<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>

scopt的組成應該有三個部分組成1.視圖(HTML元素)2.Model模型(可用的數據)3.Controller控制器(可以添加或修改屬性。)

<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
<h1>{{greeting}}</h1>
<button ng-click='sayHello()'>點我</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "Runoob";
$scope.sayHello = function() { //使用了angularjs封裝的點擊事件 只要使用了angular的應用程序就可以控制程序中的代碼
     $scope.greeting = 'Hello ' + $scope.name + '!';
};
});
</script>