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>