angularjs指令傳遞參數輸出控制器

Question

我將控制器方法發送到指令。 我想像事件一樣獲取參數frpm的偏差。

演示

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

app.controller("outCtrl", function($scope){
        $scope.callOut = function(pramFromDirective){
        console.log(pramFromDirective);
    }
})


app.directive("myDir", function(){
  return {
            restrict: "E",
            scope: {
                call: "&"
        },
            controller: function($scope){
            $scope.call({message: 444});
        }
  }
})

我想向outCtrl.callOut()方法發送參數。 但事實並非如此。

Answer 1

您必須在模板中添加與傳遞給$scope.call()的對象的屬性名稱相同的參數。 由於您將其稱為$scope.call({message: 444})請執行以下操作：

<my-dir call="callOut(message)"></my-dir>

Answer 2

您的模板不太正確。 您需要使回調方法綁定中的參數與您在指令中使用的對象鍵的名稱完全匹配。

<div ng-app="app">
  <div ng-controller="outCtrl">
    <my-dir call="callOut(message)"></my-dir>
  </div>
</div>

Angular實際上並沒有直接傳遞參數。 它將對象鍵從指令函數調用參數$scope.call({ message: 444 })映射到模板call="callout(message)"中的方法的參數名稱。