为 ng-repeat 中的长引用名称分配别名

Question

我希望能够为 ng-repeat 指令中的长引用名称分配别名。

现在我有 2 个复杂对象，一个充当另一个的一种分组索引。 ng-repeat 模板代码运行良好，但它变得非常难以阅读，我害怕在几个月后再次使用它。

如果可能，我想转换类似的东西：

<div ng-repeat="a in apples">
    <div>
        <span>Type</span>
        <span>{{a.category[1].information.type}}</span>
    </div>
    <div>
        Don't you just love <span>{{a.category[1].information.type}}</span> apples. 
        My granny says {{a.category[1].information.type}} apples are the best kind. 
        I would pick {{a.category[1].information.type}} over {{apples[0].category[1].information.type}} apples any day of the week.
    </div>
</div>

进入这样的事情

<div ng-repeat="a in apples"
     ng-example-assign="ta = a.category[1].information.type">
    <div>
        <span>Type</span>
        <span>{{ta}}</span>
    </div>
    <div>
        Don't you just love <span>{{ta}}</span> apples. 
        My granny says {{ta}} apples are the best kind. 
        I would pick {{ta}} over {{apples[0].category[1].information.type}} apples any day of the week.
    </div>

</div>

我为这个例子编写的ng-example-assign 指令。谁能告诉我这样的事情是否可以使用 angular 或 ng-repeat？可能是我需要重新考虑代码，但我想我会先在这里问。蒂亚！

Answer 1

您可以为此使用 ng-init：

<div ng-controller="MyCtrl">
    <div ng-repeat="s in data" ng-init="address = s.address">
        {{ address }}
     </div>
</div>

jsfiddle： http://jsfiddle.net/5yfgLgr9/2/

Answer 2

使用具有独立作用域的指令会相当简单。

模板 HTML

<div assign="ta" source="data[0].items[0].subitems[0]">

指令

app.directive('assign',function(){
  return {
    scope:{'assign':'@', "source": '='},
    templateUrl: 'testTemplate',
    link:function(scope){
      scope[scope.assign]=scope.source;
    }
  }
});

通常最好避免使用 ng 命名自定义指令，以避免与升级或可能也使用它们的第三方模块发生冲突

DEMO