Question

我正在探索AngularJS1并发现一些奇怪的内容，请帮助我找到currentTab在这里对ng-bind和ng-model的工作原理。

输出来自： John Doe ，但它正在使用绑定和模型的同一个变量名称，这让我感到困惑。请帮助我理解。

name

Answer 1

它们都是相同的变量。您有$scope.name而且您告诉ng-bind和ng-model使用$scope.name;

ng-model="name"＆lt; - Angular在范围对象上查找名为name的属性。如果它在那里使用它，如果不是，它就会创建它。

ng-bind="name"＆lt; - Angular查看名为name的属性的范围。然后使用该值。

Angular使用ng-controller

为div创建了一个范围对象

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

所有带有div的层次结构的指令都可以访问范围对象。如果您使用Google＆＃34;了解Angular范围＆＃34;或类似的东西，你会得到很多文章。