如何将jquery函数内部的值访问外部angular函数？

Question

create{
   var view;
   $(".l_item").click(function(){
      view = this.value;
   });
   console.log(this.view);
}

这是我的jquery函数，用于获取I_item（列表数组）的选定值。获得此值后，我需要在函数外使用此值

但是我得到未定义的值..so如何实现呢？任何帮助将不胜感激，

Answer 1

定义外部变量，然后在test（）方法中使用该变量

$scope.view;
$(".l_item").click(function(){
  $scope.view = this.value;
});

然后您可以在click函数之外访问view变量，但是它将起作用

test(){
  console.log($scope.view);
}

Answer 2

您在这里没有提到您正在使用的Angular版本。因此，我为您提供有关角度2的逻辑。请按照以下步骤操作：-

1）如果安装了jquery，则编写以下代码以访问组件内部的jquery。

declare var $: any;

2）最好将所有jquery都写在某个外部JS文件中，而不是在组件级别上写。因此，我假设您已经有一个外部JS文件，其中包含一个函数test（）。

3）现在在组件级别，要访问该功能，您需要编写以下代码行

declare var test: any;

4）现在，如果您希望该test（）函数应返回某个值，那么在JS文件中，您需要按以下方式返回该值：-

test(){
return "some value";
}

5）您可以使用以下代码从组件的jquery函数获取值：-

var returnValue=test();

6）请记住，您的外部js文件应在主jquery文件之后加载。您可以通过在angularCLI.json中声明外部jquery文件到angular模块中，如下所示：-

"scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../src/assets/js/core/testmodule/customtest.js"
  ], 

祝一切顺利。