2016-08-25 15 views
1

JavaScript変数の値をAngular js変数に送信する際に問題が発生しています。JavaScript変数の値をAngular js変数に送信する方法

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 

    <script src="angular.js"></script> 
    <script type='text/javascript'> 
$(document).ready(function() { 
    // $("#fileUpload").load('test.csv'); 
    $.get("test.csv", function(data) { 
      alert(data); 
      var rows = data.split("\r\n"); 

        if(rows.length>0){ 
         alert("inside if"); 
         var firstRowCells = GetCSVCells(rows[0], ","); 

         var dataArray = new Array(); 
         for(var i=1;i<rows.length;i++) 
         { 
          var cells = GetCSVCells(rows[i], ","); 
          var obj = {}; 
          for(var j=0;j<cells.length;j++) 
          { 
           obj[firstRowCells[j]] = cells[j]; 
          } 
          dataArray.push(obj); 
         } 


         $("#dvCSV").html(''); 
         alert(dataArray); 
         $("#dvCSV").append(JSON.stringify(dataArray)); 
         var myjson=JSON.stringify(dataArray); 
         //alert(myjson); 
        } 

    }); 
    function GetCSVCells(row, separator){ 
    return row.split(separator); 
} 
}); 


</script> 
</head> 
<body> 
    <div id="container"> 
     Test 
    </div> 
<div ng-app="sortApp" ng-controller="mainController"> 
    <div id="dvCSV" ng-model="dataf" ng-bind="bdc">dfsgdfd</div> 
</div> 
<script src="app.js"></script> 
</body> 
</html> 

app.js:私は角jsの変数$scope.test

htmlコードをJavaScriptでdataArray変数に値を送信する

angular.module('sortApp', []) 
.controller('mainController', function($scope) { 
    window.alert("Angular"); 
    window.alert("asdfad"+$scope.bdc); 
    $scope.test=$scope.dataf; 
    window.alert($scope.myjson); 

    window.alert("test"+$scope.test.value); 
+0

あなたは、私が角にjqueryのを混在させないでくださいいくつかの適切なリーディング – maurycy

+0

を行う示唆JavaScriptと角度の両方の基本的な理解を欠いています。 intialize時にコントローラ内部から$ get内のコードセグメントを実行できるはずです。 – famagusta

+0

javascriptからangularjsに変数値を渡す方法を教えてください –

答えて

0

あなたが角に、このすべてのjqueryのものを行うことができます角度jsのHTTPサービスを使用します。 単純なhttpサービスについては、このリンクを参照することができます - http://www.w3schools.com/angular/angular_http.asp

+0

javascriptからanglejsに値を送信する必要があります –

+0

これを使用して設定することができます - var myEl = angle.element(document.querySelector( '#mainController') ); var myScope = angle.element(myEl).scope(); myScope.data = data;このコードの後、スコープデータが変更されます。 –

+0

あなたは何を言っているのか理解できません。 –

0

私はこれまでの回答に同意します。また、間違って使用して$(文書).readyあなたのアプリケーションで角度フレームワークを使用しています。

はこのような何かを試してみてください:

angular.module('sortApp', []) 
    .service('loadTestCsv' ['$http', function($http) { 
    return $http.get('test.csv').then(data => { 

    // do all data processing you need 
    return data; 
    }); 
    }]); 
    .controller('mainController', ['$scope', 'loadTestCsv', function($scope, loadTestCsv) { 
    loadTestCsv().then(data => { 
     $scope.data = data; 
    }); 
    }]); 
+0

ありがとうこれを試してみる –

関連する問題