如何将变量从jQuery传递给Angular属性

时间:2015-02-25 16:47:32

标签: jquery angularjs

我在一个名为selected_tax的角应用程序中有一个属性,如何从jQuery传递一个变量?

我有一个按类别过滤的项目列表,我需要一种方法来链接到预先过滤的类别项目列表。目前,jQuery抓取通过URL传递的变量,即类别编号。

3 个答案:

答案 0 :(得分:1)

您可以从"外部世界"访问范围。只需确保将代码包装在setTimeout中以允许angular执行其魔法然后调用摘要。

<div ng-app="app" ng-controller="ctrl" id="myapp">{{xxx}}</div>
<script>
var app = angular.module("app",[])
app.controller("ctrl",["$scope","$log",function($scope,$log){
  $scope.xxx = 'hello';
}])
</script>

<script>
  setTimeout(function(){
    $("#myapp").scope().xxx='gotcha!!! HAHA!';
    $("#myapp").scope().$digest();
  },0)
</script>

答案 1 :(得分:0)

window.property = $('#input_3').val();

$scope.input3val = window.property;

答案 2 :(得分:0)

方法$location.search()将使您可以访问url的查询字符串作为JSON对象。来自文档:

// given url http://example.com/#/some/path?foo=bar&baz=xoxo
var searchObject = $location.search();
// => {foo: 'bar', baz: 'xoxo'}

您可以通过依赖项

将$ location添加到控制器
var app = angular.module("app",[])
app.controller("myController",["$scope, $location",function($scope, $location) {
   $scope.query = $location.search();
});

在视图模板中,您应该能够使用query属性来配置jQuery调用。