NG-バインドとNG-モデル

Question

私はAngularJS1を探索し、奇妙な何かを見つけています

のために使用されている方法と同じ変数、nameはここでNG-バインドとNG-モデルの両方のために働いているかを見つけるために私を助けてください。

出力は次のようになります：John Doeしかし、バインドと同じ変数名のために働いており、私を混乱させてしまいます。ご理解ください。

<div ng-app="myApp" ng-controller="myCtrl"> 
    <input ng-model="name"> 
    <h1>{{name}}</h1><br> 
    <p ng-bind="name"></p> 
    </div> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.name = "John Doe"; 
}); 
</script> 

Answer 1

これらはすべて同じ変数です。 $scope.nameがあり、ng-bindとng-modelに$scope.nameを使用しています。

ng-model="name" < - プロパティと呼ばれる名前のスコープオブジェクトの角度ルックス。それがあればそれを使用し、そうでなければそれを作成します。

ng-bind="name" < - 名と呼ばれるプロパティの範囲に角度ルックス。その後、その値を使用します。

角度は、スコープのオブジェクトにアクセスできるのdivの階層に付き、ng-controller

<div ng-app="myApp" ng-controller="myCtrl"> 
    <input ng-model="name"> 
    <h1>{{name}}</h1><br> 
    <p ng-bind="name"></p> 
</div> 

ですべてのディレクティブをdivのためのスコープオブジェクトを作成しました。 「角度のある角度を理解する」などのGoogleをお使いの場合は、多くの記事が掲載されます。

http://blog.carbonfive.com/2014/02/11/angularjs-scopes-an-introduction/