Question

ng-click无法使用 fa-icon 。

请参阅DEMO

在演示中，您可以看到当您点击fa-icon时，警报将不会显示，为什么它不能使用fa-icon。

<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上创建断点时，它并没有停在那里

Answer 1

我更新了你的代码以拥有一个控制器，你有一个参考错误正如Phil在评论中指出的那样。

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>

这无论如何都不是详尽无遗的，但希望它能为你提供一些方向

ng-click不能使用fa-icon

1 个答案: