異なるコントローラーの角をクリックすると動作しません

Question

ProductCtrlとProduct.htmlという名前のコントローラーがあります。 Product.htmlページでインラインでクリックして言及したいと思います。しかし、別のコントローラへのインラインng-clickは機能していません。次のように私のコードは、あなたがProductdetailsCtrlコントローラを使用するラッピングタグを持っていない場合は、あなたがこのようなボタンにNG-コントローラを追加する必要が

var app = angular.module('myapp', []); 
 

 
app.controller('ProductdetailsCtrl', function($scope) { 
 

 
    $scope.showMe = function() { 
 
    alert("button clicked");  
 
    } 
 
});

<div ng-controller="ProductCtrl"> 
 
    <button ng-click="ProductdetailsCtrl.showMe()">Press me</button>  
 
</div>

Answer 1

、次のとおりです。

すでにトンとラッピングタグを宣言した場合は

<div ng-controller="ProductCtrl"> 
 
     <button ng-controller="ProductdetailsCtrl" ng-click="showMe()">Press me</button>  
 
    </div>

コントローラーの変数を使用することをお勧めします。このように：

var app = angular.module('myapp', []); 
 

 
app.controller('ProductdetailsCtrl', function() { 
 
    var vm = this; 
 
    vm.showMe = function() { 
 
     alert("button clicked");  
 
    }; 
 
});

<div ng-controller="ProductdetailsCtrl as ctrl1"> 
 
    <div ng-controller="ProductCtrl"> 
 
     <button ng-click="ctrl1.showMe()">Press me</button>  
 
    </div> 
 
</div>