如何将angularjs值分配给jquery答案

【问题标题】：How to assign angularjs value to jquery如何将angularjs值分配给jquery
【发布时间】：2015-10-14 18:33:18
【问题描述】：

我正在{{ myvalue }} 的视图中打印一个值。

我将该值从控制器分配为

$scope.myvalue = "123";

我想将此值 myvalue 发送给 ajax 调用。所以我想将此 angularjs 值分配给 jquery 值。

如何将此 angularjs 值分配给 jquery 值？

我试过这样

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

但我收到SyntaxError: Unexpected token { 我该怎么做？

【问题讨论】：

不用字符串插值，去掉{{ }}
为什么不使用 angular 来进行 ajax 调用？
@Satpal U 的意思是 console.log(myvalue); ?

标签： javascript php jquery html angularjs

【解决方案1】：

你可以得到元素的范围。

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

 var newvalue = scope.myvalue
</script>

示例--

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

【讨论】：

我越来越不确定
只需将具有父元素的元素作为定义值的同一控制器
我想要您分配 ng-controller 的完整 html 代码
让我们continue this discussion in chat.