Einfache Bereichseigenschaft und ein Array von Strings, die mit ng repeat verwendet werden, werden nicht angezeigt

Ich habe ein Problem mit einer Bereichseigenschaft in meinem Controller - ein einfacher Testtitel und ein Array von Strings, die mit ng repeat verwendet werden. Sie werden nicht auf dem Bildschirm angezeigt, wenn sie von unserem recht komplexen Server aus bedient werden. Beachten Sie, dass es bei der Wiederholung von ng scheinbar die Größe des Arrays kennt, es aber nicht anzeigt, siehe erstes Beispiel unten.Einfache Bereichseigenschaft und ein Array von Strings, die mit ng repeat verwendet werden, werden nicht angezeigt

Sie werden korrekt angezeigt, wenn sie von Apps wie Codepen oder Plunker bereitgestellt werden. Es funktioniert auch, wenn ich es auf localhost unter Verwendung eines einfachen Servers laufe. Siehe Arbeitsversion im 2. Beispiel unten.

Ich weiß Responder protestieren, dass sie nicht ohne genauere Informationen über unseren Server helfen können - aber ich bin denke ich frage speziell:

Haben Sie einen Fall gesehen, wo ng wiederholen scheint zu wissen die Größe des Arrays, aber nur die Elemente im Array nicht angezeigt - wenn ja, was hat es verursacht?
Welche Arten von Problemen mit unserem Server könnten Ihrer Meinung nach dazu führen? Was soll ich suchen ..

Non working example from our server

Working example from codepen or simple server on localhost

var app = angular.module('testApp', []); 
 
angular.module('testApp').controller('AuthorizePageCtrl', ['$scope', function ($scope) { 
 

 
    'use strict'; 
 

 
    $scope.mytesttitle = "this is a test"; 
 

 
    $scope.myitems = [ 
 
     "Alfreds Futterkiste", 
 
     "Berglunds snabbköp", 
 
     "Centro_comercial Moctezuma" 
 
    ]; 
 

 
}]);

<!DOCTYPE html> 
 
<html data-ng-app="testApp"> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js" data-semver="1.5.8"></script> 
 
    <script src="/js/controllers/AuthorizePageCtrl.js"></script> 
 
</head> 
 

 
<body> 
 

 
<div id="consent" ng-app="testApp"> 
 

 
    <div ng-controller="AuthorizePageCtrl"> 
 
     <h3>My test title should appear->{{mytesttitle}}</h3> 
 

 
     <div> 
 
      <ul> 
 
       <li ng-repeat="myitem in myitems">"myitem in myitems should appear->"{{myitem}}</li> 
 
      </ul> 
 
     </div> 
 

 
     <div ng-repeat="myitem in myitems"> 
 
      <h2>"myitem in myitems should appear->"{{myitem}}</h2> 
 
     </div> 
 
    </div> 
 
</div> 
 

 
</body> 
 

 
</html>

Quelle

2017-11-06 rogsco

Jede Konsole Fehler während auf dem Server läuft ?? –

Was passiert, wenn Sie etwas wie ' o4ohel

Hmm, das ist wirklich merkwürdig Hast du die Callback-Funktion überprüft, wenn sie die Daten bekommen hat? – Priz

So stellt sich heraus Website swig verwendet, die mit AngularJS in Konflikt steht.

Es verwendet swig für Vorlage var, die mit angularjs Verwendung von {{}} in Konflikt stand, verhindert dieses sehr einfache Beispiel zu arbeiten. Vielen Dank für die Antworten ....

See this other fix for swig/angular conflict if you don't want to use ng-bind

Quelle

2017-11-07 14:00:01 rogsco

Oh yea einfache Lösung ist nur ng-bind anstelle von {{}} zu verwenden. – rogsco

so erste Daten-ng-App und ng-App sie gleich sind. und du brauchst nur einen. und für die JS kann sich das ändern und es funktioniert für mich.

Angular Teil:

var app = angular.module('app', []); 
app.controller('AuthorizePageCtrl', ['$scope', function ($scope) { 

$scope.mytesttitle = "this is a test"; 

$scope.myitems = [ 
"Alfreds Futterkiste", 
"Berglunds snabbköp", 
"Centro_comercial Moctezuma" 
]; 
}]);

HTML-Teil:

<!DOCTYPE html> 
<html ng-app="app"> 

<head> 
<meta charset="utf-8" /> 
<script src="//code.angularjs.org/1.6.6/angular.js" ></script> 
<script src="app.js" ></script> 
</head> 

<body> 

<div id="consent" > 

<div ng-controller="AuthorizePageCtrl"> 
<h3>My test title should appear->{{mytesttitle}}</h3> 

    <div> 
     <ul> 
      <li ng-repeat="myitem in myitems">"myitem in myitems 
should appear->"{{myitem}}</li> 
     </ul> 
    </div> 

    <div ng-repeat="myitem in myitems"> 
     <h2>"myitem in myitems should appear->"{{myitem}}</h2> 
    </div> 
    </div> 
    </div> 

</body> 

</html>`enter code here`

Quelle

2017-11-06 07:15:40

Einfache Bereichseigenschaft und ein Array von Strings, die mit ng repeat verwendet werden, werden nicht angezeigt

Antwort

Verwandte Themen