Learn AngularJS Kurs Übung 3

Question

Für diesen Teil der Aufgabe muss ich eine Liste von Führern mit jpegs, Beschreibungen, yada yada yada zeigen. Was ich bekomme ist eine leere Reihe; nichts deutet darauf hin, dass da etwas in dieser Reihe ist.

Was ich getan habe ...

enthalten ich eine Fabrik, die die Liste der Führer zurück ...

services.js

.factory('corporateFactory', function() { 
var corpfac = {}; 

     var leadership = [ 
      { 
       name: "Peter Pan", 
       image: 'images/alberto.png', 
       designation: "Chief Epicurious Officer", 
       abbr: "CEO", 
       description: "Our CEO, Peter, credits his hardworking East Asian immigrant parents who undertook the arduous journey to the shores of America with the intention of giving their children the best future. His mother's wizardy in the kitchen whipping up the tastiest dishes with whatever is available inexpensively at the supermarket, was his first inspiration to create the fusion cuisines for which The Frying Pan became well known. He brings his zeal for fusion cuisines to this restaurant, pioneering cross-cultural culinary connections." 
      }, 
      { 
       name: "Dhanasekaran Witherspoon", 
       image: 'images/alberto.png', 
       designation: "Chief Food Officer", 
       abbr: "CFO", 
       description: "Our CFO, Danny, as he is affectionately referred to by his colleagues, comes from a long established family tradition in farming and produce. His experiences growing up on a farm in the Australian outback gave him great appreciation for varieties of food sources. As he puts it in his own words, Everything that runs, wins, and everything that stays, pays!" 
      }, 
      { 
       name: "Agumbe Tang", 
         image: 'images/alberto.png', 
       designation: "Chief Taste Officer", 
       abbr: "CTO", 
       description: "Blessed with the most discerning gustatory sense, Agumbe, our CFO, personally ensures that every dish that we serve meets his exacting tastes. Our chefs dread the tongue lashing that ensues if their dish does not meet his exacting standards. He lives by his motto, You click only if you survive my lick." 
      }, 
      { 
       name: "Alberto Somayya", 
       image: 'images/alberto.png', 
       designation: "Executive Chef", 
       abbr: "EC", 
       description: "Award winning three-star Michelin chef with wide International experience having worked closely with whos-who in the culinary world, he specializes in creating mouthwatering Indo-Italian fusion experiences. He says, Put together the cuisines from the two craziest cultures, and you get a winning hit! Amma Mia!" 
      } 

     ]; 

     // Implement two functions, one named getLeaders, 
     // the other named getLeader(index) 
     // Remember this is a factory not a service 
     corpfac.getLeaders = function(){ 
      return leadership; 
     }; 

     corpfac.getLeader = function(index){ 
      return leadership[index]; 
     }; 

     return corpfac; 

}) 

Ich habe dann eine Steuerung geschaffen, bringt in den Leitern von services.js in controllers.js.

controllers.js

angular.module('confusionApp')... 
    .controller('AboutController', ['$scope', 'corporateFactory', function($scope, corporateFactory){ 
     $scope.leaders= corporateFactory.getLeaders(); 
    }]) 

Ich habe dann im aboutus.html setzen. Eine Möglichkeit, die Leiter nacheinander zu durchlaufen.

aboutus.html

<div class="container" ng-controller="AboutController"> 
... 
<div class="row row-content"> 
     <div class="col-xs-12 col-sm-9"> 
      <h2>Corporate Leadership</h2> 
      <ul class="media-list"> 
       <li class="media" ng-repeat="leader in leaders"> 
        <div class="media-left media-middle"> 
         <a ui-sref="app.aboutus"> 
          <img class="media-object img-thumbnail" ng-src={{leader.image}} alt={{leader.abbr}}> 
         </a> 
        </div> 
        <div class="media-body"> 
         <h2 class="media-heading">{{leader.name}} 
          <small>{{leader.designation}}</small></h2> 
          <p>{{leader.description}}</p> 
         </div> 
        </li> 
       </ul> 

      </div> 
      <div class="col-xs-12 col-sm-3"> 
      <p style="padding:20px;"></p> 
     </div> 
    </div> 

Wenn ich die Seite laden, kommt es nach oben leer. Ich habe die Antwort auf zwei verschiedene Githubs überprüft, um zu bestätigen, dass ich richtig gehandelt habe und beide die gleiche genaue Antwort wie ich hatten.

Gibt es etwas, das ich nicht bekomme? Ich bekomme keine Fehler in der Javascript-Konsole, daher kann ich nicht sagen, ob da etwas nicht stimmt.

Schließlich weiß ich, dass dies eine Menge Fragen stellen würde, aber ich muss Fragen auf dieser Website stellen, also wenn Sie nichts dagegen haben würden, Upvoting, würde ich es sehr zu schätzen wissen. Ich habe eine 0 und 1 über meine letzten Fragen gehabt und sie drohen mir zu helfen, keine weiteren Fragen zu stellen. Gut genug von diesem traurigen und verzweifelten Stecker. Ich freue mich auf alle Antworten. Vielen Dank für Ihre Hilfe.

RE-EDIT: Ich habe dieses Mal die ganze Fabrik aufgenommen, da es einige Fragen dazu gab. Auch, um den Rest der Über uns Seite Drucke klar zu klären. Nur der Abschnitt mit der Unternehmensführung ist leer. Es heißt eigentlich "Corporate Leadership" und hat dann einen großen leeren Platz, bevor der Rest der Seite gerendert wird. Ich versuche, einen Plünderer zu schaffen, während wir sprechen, um das nachzubilden.

Answer 1

Alles sieht in Ihrem Code, fein check this small fiddle, die Ihre Code-Snippet hat:

angular.module('confusionApp',[]) 
.controller('AboutController', ['$scope', 'corporateFactory', function($scope, corporateFactory){ 
     $scope.leaders= corporateFactory.getLeaders(); 
    }]) 

Nur [] wurden am Ende der angular.module('confusionApp') und Dinge hinzugefügt waren in Ordnung.

Lassen Sie mich wissen, wenn das Problem etwas anderes ist.

Answer 2

Nachdem Sie einen Vorschlag von BeingSuman ausprobiert und ihn dann wieder zurückgesetzt haben (die gelieferte Lösung hat dazu geführt, dass die Seite überhaupt nicht geladen wurde), wurde die Seite genau wie erwartet geladen. Sehr seltsam, ich weiß. Aber es hat funktioniert. Vielen Dank an alle, die gekommen sind, um zu helfen.