2016-06-09 15 views
-1

Ich bin ein Neuling in Web-Entwicklung. Ich würde gerne wissen, wie kann ich auf eine Variable in der Steuerung in einem Skript der HTML-Seite zugreifen? Die Variable ist eine konvertierte XML-Datei nach JSON und ich möchte sie mit dem Skript der HTML-Seite verarbeiten.NodeJs: Zugriff auf eine Variable des Controllers in Javascript

Bitte helfen Sie mir, wenn Sie irgendwelche Vorschläge haben !!!!!! Danke

Hier ist mein Code:

<div class="graph" ng-app="httpApp" ng-controller="httpController"> 

    {{result_fantastic_story.story.step}} 

    <script> 
    _.each({result_fantastic_story.story.step , function(step){ 
... 
} 
</script> 
</div> 

result_fantastic_story ist ein JSON-Array. {{result_fantastic_story.story.step}} zeigt das Array korrekt auf der Seite an, also ist es die gute Syntax. Aber die Probleme sind, dass ich es im Skript nicht erklären kann: Uncaught Syntaxerror:. Unerwartetes Token)

+1

Speichern Sie die 'Scope'-Variable unter dem Con Text von 'window', der als' global-variable' zugänglich sein könnte – Rayon

+0

Gibt es eine Chance, dass Sie das Skript in einen Dienst konvertieren können? Einen solchen Wert zu haben würde mir ein wenig hacken ... –

+0

@Rayon Ich verstehe nicht, wie? – Takichiii

Antwort

0
<body ng-controller="MainCtrl"> 
    <p>Hello {{name}}!</p> 
    </body> 

und in Controller

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 
}); 
+0

Hallo, vielen Dank für die Antwort! Ich habe es getan, aber es ist fehlgeschlagen: ReferenceError: Schritte ist nicht definiert um : 1: 1, ist das normal? – Takichiii

+0

Es funktioniert außerhalb des Skripts hart, aber ich muss damit im Skript arbeiten < – Takichiii

0

HTML

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

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS </title> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.0.8/angular.js" data-semver="1.0.8"></script> 
    <script src="app.js"></script> 
    </head> 

    <body ng-controller="MainCtrl"> 
    <p>Hello {{name}}!</p> 
    </body> 

</html> 

app.js

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

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 
}); 
Verwandte Themen