无法从 angularjs 调用 JavaScript 原型函数

Question

我正在尝试通过 ng-click 的超链接调用 JavaScript 原型函数，如下所示。但我无法在点击链接时触发getInfo() 功能。我是否缺少任何基础知识或做错了什么？

这是我的 JS：

$(document).ready(function () {
    function Apple() {
        this.type = "fff";
        this.color = "red";

    }
    Apple.prototype.getInfo = function () {
        alert( this.color + ' ' + this.type + ' apple');
    };
    var appl = new Apple();
});

这是我的html：

  <a href="" ng-click="appl.getInfo()">click</a>

Answer 1

查看您上面的代码，我相信问题在于您没有将appl 暴露给您的通过（通过$scope）。你需要做更多这样的事情：

var MyController = function($scope) {
  function Apple() {
    this.type = "fff";
    this.color = "red";

  };
  Apple.prototype.getInfo = function () {
    alert( this.color + ' ' + this.type + ' apple');
  };
  $scope.appl = new Apple();
};

然后：

<div ng-controller="MyController">
   <a href="" ng-click="appl.getInfo()">click</a>
</div>

更详细地说，像传递给 Angular 的 ngClick 的表达式是在 Angular $scope 的上下文中评估的（而不是在它们在 DOM 中位置的上下文中）。您可以查看source of ngClick