How to assign angularjs value to jquery

Question

I am printing a value in a view by {{ myvalue }} .

I am assigning that value from the controller as

$scope.myvalue = "123";

I want to send this value myvalue to ajax call.. So i want to assign this angularjs value to jquery value.

How can i assign this angularjs value to the jquery value ?

I tried like this

<script>
    var newvalue = {{myvalue}};
</script>

But i am getting SyntaxError: Unexpected token { How can i do this ?

Answer 1

you can get the scope of element .

<script>
var scope = angular.element($("body")).scope();

 var newvalue = scope.myvalue
</script>

Example--

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

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
     <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script>
    <script data-require="jquery" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

    <script src="app.js"></script>
    <script>  
   function test(){
       var scope = angular.element($("body")).scope();
     var newvalue = scope.name;
    alert(newvalue);

   }
    </script>

  </head>

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

  </body>

</html>

.js

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

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

Here is the plunkr

How to assign angularjs value to jquery

Question

1 answers

solution1
3 ACCPTED 2015-07-24 07:27:23

How to assign angularjs value to jquery

Question

1 answers

solution1 3 ACCPTED 2015-07-24 07:27:23

solution1
3 ACCPTED 2015-07-24 07:27:23