例如，我在car-list.html中有一个部分，我想在几个不同的汽车集合的地方呈现它。也许这样的事情：
<h1>All New Cars</h1> <div ng-include="car-list.html" ng-data-cars="allCars | onlyNew"></div> <h1>All Toyotas</h1> <div ng-include="car-list.html" ng-data-cars="allCars | make:toyota"></div>
与正常情况的主要区别是，部分人不需要知道任何关于其显示的汽车列表。它给了一系列的汽车，并显示它们。可能如：
<!-- car-list.html -->
<div ng-repeat="car in cars" ng-controller="CarListControl">
{{car.year}} {{car.make}} {{car.model}}
</div>
您可以使用指令轻松实现。
原文链接：https://www.f2er.com/angularjs/144362.html这样的事情
angular.module('myModule')
.directive('cars',function () {
return {
restrict: 'E',scope: { 'cars': '=data' },template: "<div ng-repeat='car in cars'>\n" +
" {{car.year}} {{car.make}} {{car.model}}\n" +
"</div>"
};
});
那么你可以这样使用它：
<h1>All New Cars</h1> <cars data="allCars | onlyNew"></cars> <h1>All Toyotas</h1> <cars data="allCars | make:toyota"></cars>
您可以找到有关指令here的更多信息。
