通过角范围的变量为Javascript [英] Pass Angular scope variable to Javascript

问题描述

我有一个角范围的变量streetName。

 ＆LT;脚本类型=文/ JavaScript的＆GT;
    angular.module（'addApp'）。控制器（'加'，['$范围'，函数（$范围）{
           $ scope.streetName =博尼塔LN;
    }]）;
＆LT; / SCRIPT＆GT;
 

如何访问streetName在此控制器下定义一个javascript（添加）范围。请帮助。

 ＆LT; D​​IV NG-应用=addAppNG控制器=添加＆GT;
StreetName：{{streetName}}＆LT;脚本类型=文/ JavaScript的＆GT;
//这里我需要访问streetName的价值...
＆LT; / SCRIPT＆GT;＆LT; / DIV＆GT;
 

解决方案

这方法是很长，但它的工作原理：

  angular.element（document.querySelector（'[NG控制器=加]））。范围（）。streetName
 

更具可读性：

  VAR dom_el = document.querySelector（'[NG控制器=添加]'）;
    VAR ng_el = angular.element（dom_el）;
    变种ng_el_scope = ng_el.scope（）;
    VAR STREET_NAME = ng_el_scope.streetName;
 

和它短得多，如果你使用jQuery：

  VAR STREET_NAME = $（'[NG控制器=加]）范围（）streetName。;
 

链接的jsfiddle演示

I am having a Angular scope variable streetName.

<script type="text/javascript">
    angular.module('addApp').controller('add', ['$scope',function($scope) {
           $scope.streetName = "Bonita Ln";
    }]);
</script>

How can I access streetName in a javascript defined under this controller (add) scope. Please help.

<div ng-app="addApp" ng-controller="add">
StreetName: {{streetName}}

<script type="text/javascript">
//here i need to access the value of streetName...
</script>

</div>

解决方案

This way is long but it works:

    angular.element(document.querySelector('[ng-controller="add"]')).scope().streetName

More readable:

    var dom_el = document.querySelector('[ng-controller="add"]');
    var ng_el = angular.element(dom_el);
    var ng_el_scope = ng_el.scope();
    var street_name = ng_el_scope.streetName;

And it's much shorter if you're using jQuery:

    var street_name = $('[ng-controller="add"]').scope().streetName;

Link to jsfiddle demo

这篇关于通过角范围的变量为Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！