AngularJS yeni ve şimdiye kadar seviyorum zaten. Herhangi bir belge bulamadım tek sorun bu

Yinelenen HTML, kategori alt kategori ile aynı sayfa html şablonu ile bir sayfa var. Şu anda ben ne yapıyorum tek denetleyici yük biraz ağır olan tüm Json anda yaşıyor. -Manzarası alt yıkmak istiyorum (bir şey) ASP.NET MVC parçaları gibiama her görünüm başlatır hizmeti için kendi arama yapmak. Ayrıca parametre olarak kategori adı geçmek istiyorum.

Bunu yapmanın en etkili yolu nedir? Ben de Direktifleri ile denedim ama hiç şans kapsamı her arama için ayrı tutmak zorunda değilim. Eğer daha fazla bilgi gerekiyorsa bana bildirin.

Nihayet çözebildim. Size belgeleri okumak ve oynamak sonra oldukça kolaydır

Burada yönergesi:

angular.module('components', []).directive('category', function () {
return {
    restrict: 'E',
    scope: {},
    templateUrl: '/Scripts/app/partials/CategoryComponent.html',
    controller: function ($scope, $http, $attrs) {
        $http({
            url: "api/FeaturedProducts/"   $attrs.catName,
            method: "get"
        }).success(function (data, status, headers, config) {
            $scope.Cat = data;
        }).error(function (data, status, headers, config) {
            $scope.data = data;
            $scope.status = status;
        });

    }
}
});

Bu farklı parametre ile aynı bileşene birden çok kez aradım ama bu ana sayfa

    <ul class="unstyled">
    <li>
    <category cat-name="Ultrabooks"></category>
    </li>
    <li>
    <category cat-name="Tablets"></category>
    </li>
    <li>
    <category cat-name="Laptops"></category>
    </li>
    <li>
    <category cat-name="Digital SLR Cameras"></category>
    </li>

CategoryComponent.html

<a href="#/Categories/{{Cat.CategoryName}}">
    <h4>{{Cat.CategoryName}}</h4>
</a>
<div ng-switch on="status">
    <div ng-switch-when="500" class="alert alert-error">
        {{status}}
        {{data}}
    </div>
    <div ng-switch-default>
        <ul class="unstyled columns">
            <li class="pin" ng-repeat="p in Cat.Products">
                <a href="#/reviews/{{p.UPC}}">
                    <h5>{{p.ProductName}}</h5>
                    <img src="{{p.ImageUrl}}">
                </a>
            </li>
        </ul>
    </div>
</div>