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, она не останавливается там
Я обновил ваш код, чтобы иметь контроллер, у вас была ссылочная ошибка, как отметил Фил в комментариях.
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>
Это не является исчерпывающим каким-либо образом, но, надеюсь, это дает вам какое-то направление