Нажмите не работает в div

Question

Нажмите не работает в div

0

У меня есть меню, которое появляется, когда я нажимаю кнопку. Ну, в это меню у меня есть пары пролетов: icon-title. Довольно просто, наверное.

Ну, так или иначе, эти промежутки не называют мой метод контроллера, когда я нажимаю на них. Я попытался обернуть эти пары в div и установить ng-click на них, но это тоже не сработает.

Это мое контекстное меню:

<div class="opciones" ng-hide="optionsHide">
      <div>
        <span class="glyphicon glyphicon-lock icono"></span> <span class="optionsLabel">Encrypt</span>
      </div><br>
      <div ng-click="removeNote()">
        <span class="glyphicon glyphicon-trash icono"></span><span class="optionsLabel">&nbspDelete</span><br>
      </div><br>
      <div>
      <span class="glyphicon glyphicon-wrench icono"></span><span class="optionsLabel">&nbspOptions</span>
      </div>
    </div>

В настоящее время я сосредоточен только на функции removeNote(). У меня есть как угловые, так и узловые методы, готовые к тестированию, но я просто не могу их использовать, так как я не могу выполнить щелчок.

Это функция внутри рабочего контроллера:

    $scope.removeNote = function(){
      $http.post('/removeNote', $scope.mainNote).success(function(data){
        console.log("Note removed");
        console.log(data);
        loadNotes();
        }).error(function(err){
          console.log("ERROR ON DELETE");
          console.log(err);
          });
    }

Почему ng-click не вызывает эту функцию? Я что-то упускаю?

редактировать:

Объявление контроллера:

Верхний контроллер:

 app.controller('mainCtrl', ['$scope', '$http', '$filter', 'focus', function($scope, $http, $filter, focus){

Внутренне:

app.controller('contentCtrl', ['$scope', '$q', '$timeout', function($scope, $q, $timeout) {

Использование:

<body ng-controller="mainCtrl" ng-cloak>
    // Things
     <content ng-controller="contentCtrl">
     // My contextual menu as shown above

Фактически, этот метод находится внутри другого контроллера (да, два вложенных контроллера), но остальные наследуемые функции работают правильно; единственный, который не работает, - это один. В любом случае, я продолжаю видеть нормальный указатель, когда я нажимаю мышь на div/пару пролетов, поэтому он вообще не применяется (я вижу это в HTML-консоли tho).

Zerok 13 май 2016, в 23:07

Источник

0

Мое первое предположение заключается в том, что вы получаете сообщение об ошибке, потому что в вашем обратном вызове $ http.post слово «success» пишется неправильно. Проверьте ваш консольный журнал.
Rob 13 май 2016, в 20:28
0

Просто исправил и отредактировал эту опечатку, но спасибо! В любом случае это не проблема, так как метод никогда не вызывается.
Zerok 13 май 2016, в 20:29
1

Как выглядит объявление вашего контроллера и где установлен контроллер в вашем HTML? Спасибо!
aaronofleonard 13 май 2016, в 20:31
0

Проверьте div, содержащий директиву ngClick, и убедитесь, что она охватывает область, в которой вы щелкаете. В зависимости от вашего CSS эти div могут иметь ширину и высоту 0 или быть смещены относительно того места, где находятся span и icon. Если вы поместите директиву внутри диапазона, это сработает? если ngClick не работает в промежутке, то у вас может быть ошибка js, как подсказывает @Rob
lepi 13 май 2016, в 20:33
0

Да, это покрывает всю область. Кстати, отредактировано с дополнительной информацией!
Zerok 13 май 2016, в 20:36
1

Сделайте нас plunkr ( plnkr.co )! Кроме того, попробуйте прикрепить обычный onClick к диапазону, чтобы увидеть, принимает ли элемент событие mouseclick. Что-то может быть «покрывающим» это.
IanGabes 13 май 2016, в 20:43
0

Вы уверены, что эта функция никогда не вызывается? Вы пытались поймать его с помощью отладчика или поместили console.log $http.post ? попробуйте очистить вашу функцию ... Может быть, это в ng-repeat и имеет собственную область видимости?
Anton Temchenko 13 май 2016, в 20:45
0

@AntonTemchenko Нет, это не называется, я уже проверял.
Zerok 13 май 2016, в 20:47
0

@IanGabes Я думаю, это будет беспорядок, слишком много вещей здесь и там, я должен сделать завтра, если так будет продолжаться!
Zerok 13 май 2016, в 20:48
0

@ user6329397 Пожалуйста, разместите ваши вложенные контроллеры в вопросе. В противном случае, это не ответственно.
Saad 13 май 2016, в 21:09
0

Там у вас есть @Saad
Zerok 13 май 2016, в 21:15
0

@ user6329397 Где ваш класс .opciones div в шаблоне? Внутри contentCtrl или вне его? Кроме того, в каком контроллере $scope.removeNote() функция $scope.removeNote() ?
Saad 13 май 2016, в 21:24
0

Я уже понял, что происходит: директива onBlur все испортила. Если я удаляю его, функция корректно генерируется. Как я могу сделать так, чтобы я держал ngBlur?
Zerok 13 май 2016, в 21:33
0

Где вы использовали ng-blur ? Если размытие вызывает проблему, используйте ng-mousedown вместо ng-click . т.е. ng-mousedown=removeNote()
Saad 13 май 2016, в 22:21
0

@ Саад Это исправило! Отправьте это как ответ, и я приму это!
Zerok 14 май 2016, в 14:10
0

@ user6329397 Пожалуйста, добавьте код шаблона в вопросе, где вы использовали ng-blur, чтобы другие могли понять, что происходит. Спасибо!
Saad 14 май 2016, в 17:58

Показать ещё 14 комментариев

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Мое первое предположение заключается в том, что вы получаете сообщение об ошибке, потому что в вашем обратном вызове $ http.post слово «success» пишется неправильно. Проверьте ваш консольный журнал.
Просто исправил и отредактировал эту опечатку, но спасибо! В любом случае это не проблема, так как метод никогда не вызывается.
Как выглядит объявление вашего контроллера и где установлен контроллер в вашем HTML? Спасибо!
Проверьте div, содержащий директиву ngClick, и убедитесь, что она охватывает область, в которой вы щелкаете. В зависимости от вашего CSS эти div могут иметь ширину и высоту 0 или быть смещены относительно того места, где находятся span и icon. Если вы поместите директиву внутри диапазона, это сработает? если ngClick не работает в промежутке, то у вас может быть ошибка js, как подсказывает @Rob
Да, это покрывает всю область. Кстати, отредактировано с дополнительной информацией!
Сделайте нас plunkr ( plnkr.co )! Кроме того, попробуйте прикрепить обычный onClick к диапазону, чтобы увидеть, принимает ли элемент событие mouseclick. Что-то может быть «покрывающим» это.
Вы уверены, что эта функция никогда не вызывается? Вы пытались поймать его с помощью отладчика или поместили console.log $http.post ? попробуйте очистить вашу функцию ... Может быть, это в ng-repeat и имеет собственную область видимости?
@AntonTemchenko Нет, это не называется, я уже проверял.
@IanGabes Я думаю, это будет беспорядок, слишком много вещей здесь и там, я должен сделать завтра, если так будет продолжаться!
@ user6329397 Пожалуйста, разместите ваши вложенные контроллеры в вопросе. В противном случае, это не ответственно.
@ user6329397 Где ваш класс .opciones div в шаблоне? Внутри contentCtrl или вне его? Кроме того, в каком контроллере $scope.removeNote() функция $scope.removeNote() ?
Я уже понял, что происходит: директива onBlur все испортила. Если я удаляю его, функция корректно генерируется. Как я могу сделать так, чтобы я держал ngBlur?
Где вы использовали ng-blur ? Если размытие вызывает проблему, используйте ng-mousedown вместо ng-click . т.е. ng-mousedown=removeNote()
@ Саад Это исправило! Отправьте это как ответ, и я приму это!
@ user6329397 Пожалуйста, добавьте код шаблона в вопросе, где вы использовали ng-blur, чтобы другие могли понять, что происходит. Спасибо!

rrd · Answer 1 · 2016-05-14T05-22-00.000Z

Попробуйте изменить строку ng-controller:

<body ng-controller="MainCtrl as vm">

Затем ваш метод вызовет:

<div ng-click="vm.removeNote()">

Работает ли он сейчас, дает ли console.log что-то?