2016-06-09 105 views
-1

我是Web開發中的新手。我想知道如何在HTML頁面的腳本中訪問控制器中的變量? 該變量是一個轉換爲json的xml文件,我想用html頁面的腳本處理它。NodeJs:在javascript中訪問控制器的變量

請幫助我,如果您有任何建議!!!!!! 謝謝

這裏是我的代碼:

<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是一個JSON陣列。 {{result_fantastic_story.story.step}}}在頁面上正確顯示數組,因此它是良好的語法。但probleme的是,我不能在腳本中聲明它:未捕獲的SyntaxError:意外的標記)

+1

將'scope'變量保存在con下可以作爲'全局變量'訪問的'window'文本 – Rayon

+0

有沒有可能將腳本轉換爲服務?有控制器輸出這樣的值似乎對我來說有點hacky ... –

+0

@Rayon我不明白,怎麼樣? – Takichiii

回答

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

和控制器

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

嗨,非常感謝回覆!我做到了,但失敗了:ReferenceError:步驟未定義 在:1:1,這是正常的嗎? – Takichiii

+0

它確實在腳本之外工作很困難,但我需要在腳本中使用它< – 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'; 
});