如何使用Angular ng-start,ng-end,ng-repeat?

时间:2015-05-06 15:21:45

标签: javascript angularjs ng-repeat

我见过使用ng-start在整个html页面中传递数据的示例。如何将result.name传递给第二个div?示例如下。

      <tr ng-repeat="result in results">

      <td ng-click='showCars(result.cars);'>{{result.Name}}</td>
                <td>{{result.Address}}</td>
                <td>{{result.Phone}}</td>
                <td>{{result.Status}}</td>
            </tr>
    </table>
    <br>

    <table>
        <tr>
            <th>Car</th>
            <th>Year</th>
            <th>ResultStatus</th>
        </tr>
        <!--<tr ng-repeat="car in result.cars">-->
        <tr ng-repeat="car in cars">
            <td>{{car.Make}}</td>
            <td>{{car.Year}}</td>
            <td>{{result.Status}}</td>

搜索四月,然后点击名称列以填充表单... 这是plunker

1 个答案:

答案 0 :(得分:0)

在AngularJS 1.2中,ng-repeat现在支持使用ng-repeat-start指令的多个元素。

Apple > Galaxy S3

该指令将遍历app.things,并为每个事物创建这两组<body ng-app="app" ng-controller="AppCtrl as app”> <div ng-repeat-start="thing in app.things">{{ thing }}</div> <div ng-repeat-end=""></div> </body>元素。 无论指令出现在何处,绑定都能正常工作:

<div>

只要包含ng-repeat-start和ng-repeat-end指令的元素是兄弟元素,一切都将正常运行

以下示例,在子元素中使用ng-repeat-end,将无效

<body ng-app="app" ng-controller="AppCtrl as app"> <div ng-repeat-start="thing in app.things">{{ thing }}</div> Anything in here <div ng-repeat-end="">Also in here with binding {{ thing }}</div> </body>

请在此处参考:ng-repeat