如何将angularjs值赋给jquery

问题描述：

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 ?

我在{{myvalue}} code>打印视图中的值。 p>

我将控制器中的值分配为 p>


  $ scope.myvalue =“123”;  code>  p> \  n 
 
我想将此值 myvalue  code>发送给ajax调用..所以我想将此angularjs值赋给jquery值。 p> 
 
 
怎么能 我将此angularjs值分配给jquery值？ p> 
 
 

我试过这样的 p> 
 
 
 ＆lt; script＆gt; 
 var newvalue = {{  myvalue}}; 
＆lt; / script＆gt; 
  code>  pre> 
 
 但我得到语法错误：意外的令牌{ code>我该怎么做？   p> 
  div>

答

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

如何将angularjs值赋给jquery

相关推荐