javascript - AngularJS 中是否有用于在标记中创建子范围的速记？

Question

ng-repeat的使用即时创建新的子作用域；我正在寻找一种方法来做同样的事情，但只有一个对象。

换句话说，代替这个...

<div ng-controller="SomeController">
    <ul>
        <li>{{foo.bar}}</li>
        <li>{{foo.baz}}</li>
    </ul>
</div>

我想做这样的事情:

<div ng-controller="SomeController">
    <ul ng-scope="foo">
        <li>{{bar}}</li>
        <li>{{baz}}</li>
    </ul>
</div>

Answer 1

我从来不需要这种类型的东西，但这是一个创建子作用域的指令。

function RestrictScopeDirective() {
    return {
        scope: {src: "=restrictScope"}
    };
}

现在在此范围内，$scope.src 将引用您为其设置的内容。

<div ng-controller="SomeController">
    <ul restrict-scope="foo">
        <li>{{src.bar}}</li>
        <li>{{src.baz}}</li>
    </ul>
</div>

这会让您限制您的范围，但您仍然可能需要重新考虑您的需求，这通常是针对特定需求而完成的，例如小部件或类似的东西。