AngularJS: {{EXPRESSION}} Anzeige als {{Ausdruck}} statt Ergebnis

Fixed: Dank @Sajeetharan wurde festgestellt, dass unter anderem die Funktion, die der Ausdruck anzeigen wollte, GenerateRef, gebrochen und verursacht das Problem.AngularJS: {{EXPRESSION}} Anzeige als {{Ausdruck}} statt Ergebnis

Ich verstehe dies eine ziemlich häufig gestellte Frage ist aber so weit meine Gefolgschaft von anderen Beiträgen oder Tutorials nicht in der Lage gewesen, mein Problem zu beheben mit immer {{}} dem Ergebnis anzuzeigen.

Ich versuche, eine einfache Web-App zu machen, um eine neue Anfrage aufzunehmen. Dies wird eine zufällig generierte ID gegeben, die dann in einer Tabelle dargestellt wird und es ist, was ich Probleme habe, in der Tabelle anzuzeigen. Trotz der folgenden Tutorials und dem Versuch, es zu debuggen, kann ich das nicht, wahrscheinlich weil ich Angular und HTML sehr neu bin. Entschuldigung im Voraus.

angular.module('ReqWebApp', []) 
 

 
pegasusWebApp.controller('ReqAppController', function ReqAppController($scope) { 
 
    $scope.GenerateRef = ["RF" + date.now()] 
 
});

<!DOCTYPE html> 
 
<html ng-app="ReqWebApp"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>New Request</title> 
 
    <script src="../../app.js"></script> 
 
    <script src="../../bower_components/angular/angular.js"></script> 
 
</head> 
 

 
<body ng-controller="ReqAppController"> 
 
    <p><span>Add New Request | Accept <input type="checkbox" name="accept"> | Decline <input type="checkbox" name="decline"></span></p> 
 
    <table border="1"> 
 
     <tr><th>REF : {{GenerateRef}}</th> <th>Producer Reference : <input type="text" name="prodRef"></th></tr> 
 
     <tr><th>Producer : 
 
      <select> 
 
       <option>EXAMPLE</option> 
 
       <option>EXAMPLE</option> 
 
      </select></th> <th>Producer Site : <input type="text"></th> 
 
     </tr> 
 
    </table> 
 
</body> 
 
</html>

Das Skript Standorte sollte für mich vor Ort arbeiten werden (ich diese getestet haben), wie ich Bower und Knoten bin mit AngularJS und das Projekt zu installieren, warten und betreiben. Ich habe versucht, den AJS-Controller mehrere verschiedene Wege bis jetzt nach verschiedenen Tutorials und Stack Overflow-Posts zu setzen und dies ist die aktuelle Version, da es die aktuellste war, die ich finden konnte.

Es ist auch erwähnenswert, dass es einige Änderungen am Code-Schnipsel gegeben hat und einige Tippfehler oder andere Fehler könnten ein Ergebnis sein, wenn ich Variablennamen ändere, um sie hier zu veröffentlichen.

Danke an alle, die sich die Zeit zum Lesen nehmen.

Quelle

2017-06-28 Connor Barthelmie

Sie müssen sie haben, wie,

var pegasusWebApp = angular.module('ReqWebApp', []) 

pegasusWebApp.controller('ReqAppController', function ReqAppController($scope) { 
    $scope.GenerateRef = ["RF" + date.now()] 
});

Sie den Deklarationsteil fehlen. auch sollte Winkelreferenz geladen werden vor dem Laden app.js

<script src="../../bower_components/angular/angular.js"></script> 
<script src="../../app.js"></script>

DEMO

var pegasusWebApp = angular.module('ReqWebApp', []) 
 

 
pegasusWebApp.controller('ReqAppController', function ReqAppController($scope) { 
 
    $scope.GenerateRef = ["RF" + new Date()] 
 
});

<!DOCTYPE html> 
 
<html ng-app="ReqWebApp"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>New Request</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
    
 
</head> 
 

 
<body ng-controller="ReqAppController"> 
 
    <p><span>Add New Request | Accept <input type="checkbox" name="accept"> | Decline <input type="checkbox" name="decline"></span></p> 
 
    <table border="1"> 
 
     <tr><th>REF : {{GenerateRef}}</th> <th>Producer Reference : <input type="text" name="prodRef"></th></tr> 
 
     <tr><th>Producer : 
 
      <select> 
 
       <option>EXAMPLE</option> 
 
       <option>EXAMPLE</option> 
 
      </select></th> <th>Producer Site : <input type="text"></th> 
 
     </tr> 
 
    </table> 
 
</body> 
 
</html>

Quelle

2017-06-28 11:36:41 Sajeetharan

Sie für die schnelle Antwort danken. Ich habe die obigen Änderungen jedoch vorgenommen und es wird weiterhin als {{reqAppController.GenerateRef}} angezeigt. –

als Antwort markieren, wenn es geholfen hat – Sajeetharan

Entschuldigung. Neu im Stapelüberlauf und versuchte mit Enter eine neue Zeile zu beginnen und früh zu veröffentlichen. Jetzt bearbeitet. Gibt es sonst noch etwas, was das verursacht? Vielleicht sollte ich auf AJS verzichten und versuchen, eine Überschreibung auf die neueste Version zu erzwingen? –

AngularJS: {{EXPRESSION}} Anzeige als {{Ausdruck}} statt Ergebnis

Antwort

Verwandte Themen