ng-click не работает с fa-icon

Question

ng-click не работает с fa-icon

0

ng-click не работает с fa-значком.

см. DEMO

В демонстрации вы можете видеть, когда вы нажимаете на значок fa, предупреждение не появляется, почему он не работает с fa-значком.

<div>
   <i class="fa fa-thumbs-up" style="font-size:24px" ng-click="testDcocuments(imagesB, 'imageA')" ng-class="{'unverified fa fa-thumbs-down': varified_pan_doc==0, 'verified fa fa-thumbs-up':varified_pan_doc==1 }"></i>
   <div ng-show="!verify_pan"><p>Not Verified</p></div>
   <div ng-show="verify_pan"><p>Verified</p></div>
</div>

В контроллере

$scope.testDcocuments = function(image, image_type){}

Когда я отлаживаю консоль и делаю точку прерывания в $ scope.testDocument, она не останавливается там

geeks 06 дек. 2015, в 22:00

Источник

0

Я не вижу никаких проблем, у вас есть ошибки консоли?
michelem 06 дек. 2015, в 20:45
0

Вы пытались поместить ng-click в div, который оборачивает иконку fa?
Gabriel Kunkel 06 дек. 2015, в 20:45
0

какую проводную вещь вы получаете? покажи свой код, покажи свою страницу, покажи проблему
Milan 06 дек. 2015, в 20:45
0

Вам, вероятно, нужно обернуть это в div.
Petran 06 дек. 2015, в 20:56
0

@Petran Я уже завернул это в div ..
Neelabh Singh 06 дек. 2015, в 20:56
0

Но вы не вызываете testDcocuments, вы вызываете verifyDcocuments
Petran 06 дек. 2015, в 20:59
0

@Petra, извините, что это было напечатано по ошибке, теперь я обновил документ, посмотрел, а также добавил одну демонстрацию ..
Neelabh Singh 06 дек. 2015, в 21:04
0

У вас нет контроллера в вашем демо. Вы не можете просто начать работать с неопределенной переменной $scope и ожидать, что она будет работать. Смотрите ошибку в консоли ~ "Uncaught ReferenceError: $ scope не определен"
Phil 06 дек. 2015, в 21:42

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

Теги:

angularjs

1 ответ

Ещё вопросы

Я не вижу никаких проблем, у вас есть ошибки консоли?
Вы пытались поместить ng-click в div, который оборачивает иконку fa?
какую проводную вещь вы получаете? покажи свой код, покажи свою страницу, покажи проблему
Вам, вероятно, нужно обернуть это в div.
Но вы не вызываете testDcocuments, вы вызываете verifyDcocuments
@Petra, извините, что это было напечатано по ошибке, теперь я обновил документ, посмотрел, а также добавил одну демонстрацию ..
У вас нет контроллера в вашем демо. Вы не можете просто начать работать с неопределенной переменной $scope и ожидать, что она будет работать. Смотрите ошибку в консоли ~ "Uncaught ReferenceError: $ scope не определен"

Kashyap Mukkamala · Accepted Answer · 2015-12-06T21-02-00.000Z

Я обновил ваш код, чтобы иметь контроллер, у вас была ссылочная ошибка, как отметил Фил в комментариях.

http://plnkr.co/edit/c5AyzFAqjcc3xOAMV3AA?p=preview

Сначала обмотайте логику в контроллере:

     angular.module('sample', [])
      .controller('testController', function($scope) {
        $scope.verifyDcocuments = function(a, b) {
          alert('tt');
        }
        $scope.test = function() {
          alert('Hello');
        }
      })

Теперь вы можете ссылаться на них из своего шаблона.

   <div ng-app="sample">
    <div ng-controller="testController">
      <div>
        <i class="fa fa-thumbs-up" style="font-size:24px" ng-click="verifyDcocuments(rc_images, 'rc_image')" id="rc_image" ng-class="{'unverified fa fa-thumbs-down': varified_rc_doc==0, 'verified fa fa-thumbs-up':varified_rc_doc==1 }"></i>
      </div>
      <p ng-click="test()">Test</p>

      <p>Input something in the input box:</p>
      <p>Name :
        <input type="text" ng-model="name" placeholder="Enter name here">
      </p>
      <h1>Hello {{name}}</h1>
    </div>
  </div>

Это не является исчерпывающим каким-либо образом, но, надеюсь, это дает вам какое-то направление