SORU
18 Temmuz 2012, ÇARŞAMBA


Bu templateUrl üreten $routeParams kullanmayı AngularJS -?

Bizim uygulama 2 düzeyinde seyreden var. AngularJS $routeProvider dinamik <ng-view /> bir şablon sağlamak için kullanmak istiyoruz. Bu hat boyunca bir şey yapmayı düşünüyordum

angular.module('myApp', []).
config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/:primaryNav/:secondaryNav', {
        templateUrl: 'resources/angular/templates/nav/' <<primaryNavHere>> '/' <<secondaryNavHere>> '.html'
    });
}]);

Ben sadece <<>> içinde bölümleri doldurmak için nasıl bilmiyorum. PrimaryNav ve secondaryNav bu routeParams $bağlı biliyorum ama nasıl erişim dinamik şablonu sunmak için sırası ile $routeParams?

CEVAP
18 Temmuz 2012, ÇARŞAMBA


Bir şekilde enjekte bulup işe yarayabilir bu düşünmeye çalıştım routeParams hizmeti daha iyi bir çözüm olacağını sanıyorum) $kullanamadım:

angular.module('myApp', []).
    config(function ($routeProvider, $routeParams) {
        $routeProvider.when('/:primaryNav/:secondaryNav', {
            templateUrl: 'resources/angular/templates/nav/' $routeParams.primaryNav '/' $routeParams.secondaryNav '.html'
        });
    });

Bu hata veriyor:Bilinmeyen sağlayıcı: uygulamam . $routeParams

Eğer böyle bir şey mümkün değil, eğer sadece ng-içeren kısmi bir html dosyasını göstermek için templateUrl değiştirebilirsiniz ve o zaman bu gibi routeParams kumandanızı kullanarak$: url ayarlayın

angular.module('myApp', []).
    config(function ($routeProvider) {
        $routeProvider.when('/:primaryNav/:secondaryNav', {
            templateUrl: 'resources/angular/templates/nav/urlRouter.html',
            controller: 'RouteController'
        });
    });

function RouteController($scope, $routeParams) {
        $scope.templateUrl = 'resources/angular/templates/nav/' $routeParams.primaryNav '/' $routeParams.secondaryNav '.html';
    }

Senin gibi buurlRouter.html

<div ng-include src="templateUrl"></div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Kat Krazy

    Kat Krazy

    12 Kasım 2010
  • Lancome USA

    Lancome USA

    30 HAZİRAN 2009
  • WiseOwlTutorials

    WiseOwlTutor

    21 EKİM 2011