在Angular中，我们经常使用ng-repeat指令来遍历数组或对象，并生成对应的HTML元素。但是，在某些情况下，我们需要访问ng-repeat指令外部的作用域变量。本文将介绍如何在ng-repeat指令内部访问外部作用域变量。
问题描述
假设我们有一个ParentController和ChildController，ChildController包含一个ng-repeat循环：
<div ng-controller="ParentController">
<div ng-controller="ChildController">
<div ng-repeat="item in items">
{{ item }}
</div>
</div>
</div>现在，我们想要在ng-repeat循环内部访问ParentController中的某个变量。
解决方案
我们可以使用$parent关键字来访问父级作用域。通过使用$parent，我们可以在子控制器中访问父控制器的作用域变量。
-- -------------------- ---- ------- ------------------------------------------------------ ---------------- - --------------------- - ------ ---- ------------------ --- ----------------------------------------------------- ---------------- - -------------------- - ------ ---- ----------------- -- ------ ------ ----- -------- --------------------- - ------------------------------ ---
在上面的代码示例中，我们定义了一个ParentController和一个ChildController。在ParentController中，我们定义了一个名为parentVariable的变量。在ChildController中，我们定义了一个名为childVariable的变量，并使用$parent关键字访问了ParentController中的parentVariable变量。
<div ng-controller="ParentController">
<div ng-controller="ChildController">
<div ng-repeat="item in items">
{{ item }} - {{ parentVariable }}
</div>
</div>
</div>在上面的HTML代码片段中，我们添加了{{ parentVariable }}绑定到ng-repeat循环内部的模板。这将显示ParentController中的parentVariable值。
总结
在Angular中，我们可以使用$parent关键字在子控制器中访问父控制器的作用域变量。这是一种非常有用的技巧，在某些情况下，我们需要在ng-repeat循环中访问外部作用域变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25461