Routing und mehrere Ansichten in AngularJS

Am versuchen, auf einer Seite Client-Liste angezeigt werden, aber aus irgendeinem Grund seine nicht funktioniert .. ich denke, es ist etwas mit ‚ngRoute‘ zu tunRouting und mehrere Ansichten in AngularJS

Struktur:

-root index.html

bower_components
css
js
main. js
Vorlagen
footer.html
header.html
Ansichten
clients.html
home.html
templates.html
- partials
  clientList.html

index.html

<body ng-app="emailBuilder"> 
    <div ng-include='"templates/header.html"'></div> 
    <div ng-view></div> 
    <div ng-include='"templates/footer.html"'></div> 
</body>

main.js

var app = angular.module('emailBuilder', [ 
    'ngRoute' 
]); 

app.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider 
.when("/", {templateUrl: "views/home.html", controller: "PageCtrl"}) 
.when("/clients", {templateUrl: "views/clients.html", controller: "PageCtrl"}) 
.when("/templates", {templateUrl: "views/templates.html", controller: "PageCtrl"}) 
.otherwise("/404", {templateUrl: "views/404.html", controller:"PageCtrl"}); 
}]); 

app.controller("PageCtrl", function($scope){ 
    $scope.clients = [ 
     { name: "clientName", template: "templateName", logo: "logo1"}, 
     { name: "clientName2", template: "templatename2", logo: "logo2"}, 
    ]; 
});

clientList.html

<div class="client"> 
    <img ng-src="{{client.logo}}.jpg" width="15" /> 
    {{client.name}}<br /> {{client.template}} 
</div>

clients.html

<div class="container"> 
<div class="row"> 
    <div class="col-lg-12"> 
     <h1 class="page-header">Clients 
      <small>Choose a client</small> 
     </h1> 
     <ol class="breadcrumb"> 
      <li><a href="../index.html">Home</a> 
      </li> 
      <li class="active">Clients</li> 
     </ol> 
    </div> 
</div> 
<div class="row"> 
    <h3>Clients</h3> 
    <div ng-controller="PageCtrl"> 
     <div ng-repeat="client in clients" ng-include="views/partials/clientList.html"> 
     </div> 
    </div> 
</div> 
</div>

Quelle

2017-05-05 Tom Haluch

können Sie den protokollierten Fehler in der Konsole angeben? –

gibt es keine Fehler –

Hallo. wenn Sie keine Fehler erhalten haben. Was siehst du, wenn zum Beispiel versuchen, http: // localhost/clients? nur leere Seite? – Sergaros

In Ihrem Fall sehe ich, dass Sie versuchen, einen anderen Controller im Routing-Teil zu verwenden - "PageCtrl" anstelle von "ClientlistCtrl". Ich denke, wenn Sie den richtigen Controller-Namen im Routing verwenden, sollte es das Problem lösen.

Quelle

2017-05-05 08:57:16 Sujith

immer noch nicht funktioniert –

Ok. Können Sie versuchen, zu überprüfen, ob dieser Pfad korrekt ist? ng-include = "Ansichten/Partials/clientList.html" – Sujith

Routing und mehrere Ansichten in AngularJS

Antwort

Verwandte Themen