Как получить доступ к значению внутри функции jquery к внешней угловой функции?

Question

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

Это моя функция jquery, используемая для получения выбранного значения I_item (массив списка). После получения этого значения мне нужно использовать это значение вне функции

Но я получаю неопределенное значение ... так как этого добиться? любая помощь будет оценена,

Answer 1

Вы не упомянули здесь угловую версию, которую вы используете здесь. Итак, я предоставляю вам логику в контексте углового 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. Вы можете добавить внешний файл jquery в угловой модуль, объявив его в angularCLI.json следующим образом: -

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

Всего наилучшего.

Answer 2

Определите вашу переменную Функция внешнего клика, затем используйте эту переменную внутри вашего метода test ()

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

Затем вы можете получить доступ к переменной представления вне функции щелчка, но она будет работать

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