AngularJS $ scope继承的基本示例

示例

angular.module('app', [])
.controller('myController', ['$scope', function($scope){
    $scope.person = { name: 'John Doe' };
}]);

<div ng-app="app" ng-conroller="myController">
    <input ng-model="person.name" />
    <div ng-repeat="number in [0,1,2,3]">
        {{person.name}} {{number}}
    </div>
</div>

在此示例中,ng-repeat伪指令为其每个新创建的子代创建一个新范围。

这些创建的范围是其父范围(在本例中为myController创建的范围)的子级,因此,它们继承了其所有比例,例如person。