angularjs - 有没有办法在 View 中重命名 Angular 变量？

Question

在我的 Angular 项目中，我使用了一个特定的值，该值在我的 Controller 中称为:

$scope.feature1.items.thisItem

有一个特定的<div>在我看来，使用 thisItem很多次，将其称为 {{feature1.items.thisItem}} 是相当困惑的例如:

<div id="{{feature1.items.thisItem}}header>
     <h1> You've reached the section about {{feature1.items.thisItem}} </h1>
</div>

有什么方法可以在 View 中重命名这个变量吗？我想简单地称之为one 。我试过{{feature1.items.thisItem as one}}但这没有用。还有其他想法吗？

Answer 1

是的! ng-init 就是为此目的而设计的 - 为另一个变量设置别名:

<div ng-init="thisItem = feature1.items.thisItem">
     <h1> You've reached the section about {{thisItem}} </h1>
</div>