How to send value in JavaScript variable to a Angular js variable

Question

I am having a problem sending a value of JavaScript variable to Angular js variable. I want to send a value in dataArray variable in JavaScript to Angular js variable $scope.test

html code:

<!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:

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);

You lack basic understanding of both javascript and angular, I suggest do some proper reading — maurycy
– maurycy, Commented Aug 25, 2016 at 10:24
don't mix jquery with angular. you should be able to run the code segment in the $get from inside the controller on intialize. — famagusta
– famagusta, Commented Aug 25, 2016 at 10:26
can you please tell me how to pass a variable value from javascript to angularjs — Pirai Crescent
– Pirai Crescent, Commented Aug 25, 2016 at 10:35

Mohan P · Accepted Answer · 2016-08-25 10:23:36Z

0

You can do this all jquery stuff in angular using http service of angular js. For simple http service you can refer this link - http://www.w3schools.com/angular/angular_http.asp

answered Aug 25, 2016 at 10:23

Mohan P

4223 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Pirai Crescent Over a year ago

i have to send a value from javascript to angularjs

Mohan P Over a year ago

you can set using this - var myEl = angular.element(document.querySelector('#mainController')); var myScope = angular.element(myEl).scope(); myScope.data = data; After this code your scope data is changed.

Pirai Crescent Over a year ago

i cant understand what you are saying can you brief it

Mohan P Over a year ago

From JS where your data is coming from csv. You can set value in angular js scope variable. using this code -

var myEl = angular.element(document.querySelector('#mainController')); var myScope = angular.element(myEl).scope(); myScope.data = data;

For more details check this link - link

tuchk4 · Accepted Answer · 2016-08-25 10:39:11Z

0

I agree with previous answer. Also its wrong to use $(document).ready along with using angular framework in you application.

Try something like this:

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;
     });
  }]);

answered Aug 25, 2016 at 10:39

tuchk4

2,3805 gold badges23 silver badges35 bronze badges

Collectives™ on Stack Overflow

How to send value in JavaScript variable to a Angular js variable

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related