javascript - 从指令 View 调用 Controller 中的函数，angularJS

Question

我正在尝试使用 ng-click 来调用两个函数，在 html 中作为指令。第一个函数“checkUrl”位于指令 Controller 中，并且工作正常。

第二个函数“findUrl”位于主应用 Controller 中，并且未被触发。

HTML:

<div class="status" ng-click="checkUrl()">
    <b ng-click="checkUrl()">{{card.status}}</b>
</div>
<div ng-click="findUrl()" class="image">
    <img ng-src={{card.image}} alt="">
</div>

我有几个问题:

1)这是因为两个 Controller 具有不同的作用域，并且一个 Controller 无法访问另一个 Controller 吗？

2)如何获取指令 view/html 来调用主 Controller 功能？

指令的 Controller :

$scope.checkUrl = function() {
    console.log("invoking checkUrl from the directive's controller.")
    asnService.showUrl();
};

应用程序 Controller :

$scope.findUrl = function() {
    console.log("invoking findUrl from the app controller");
    asnService.showUrl();
};

Answer 1

要回答您的问题，您可以使用 $scope.$parent.findUrl() 访问指令父作用域上的作用域变量。不一定推荐，但它确实有效。