javascript - AngularJS 如何区分这两个属性？

Question

据我所知，ng-model 将创建一个与 {{name}} 相关的属性。

AngularJS 如何区分来自 ng-model 的 {{name}} 和来自 ng-model 的 {{name}}来自ng-repeat/ng-init？

<section class="section">
    <div class="container" data-ng-init="names=['Conner', 'Bryan', 'Cathy', 'Jim']">
        <div class="row">
           <em>Input your name: </em> <input type="text" data-ng-model="name">
           <h4>{{name}}</h4>
           <ul>
                <li data-ng-repeat="name in names"> {{name}} </li>
            </ul>
        </div>
    </div>
</section>

此外，我可以为 ng-repeat 名称选择任何占位符文本吗？

Answer 1

发生名称冲突时，子作用域会覆盖父作用域。查看 developer guide 中的范围层次结构其中说:

When Angular evaluates {{name}}, it first looks at the scope associated with the given element for the name property. If no such property is found, it searches the parent scope and so on until the root scope is reached.

为了清楚起见，您可以并且可能应该在转发器中使用不同的变量名称；

<li data-ng-repeat="firstName in names"> {{firstName}} </li>