Aufruf einer Controller-Funktion aus der Direktive mit Parametern

Wie kann eine Anweisung eine Funktion von einem Controller mit einigen Parametern aufrufen?Aufruf einer Controller-Funktion aus der Direktive mit Parametern

Ich würde die Variable MyVar dem Geltungsbereich geben. $ Apply (attrs.whattodo);

HTML:

<div ng-app="component"> 
    <div ng-controller="ctrl"> 
    <span ng-repeat="i in myarray"> 
    <span customattr whattodo="addVal">{{i}}</span> 
    </span> 
    </div>

-Controller JS:

function ctrl($scope) { 
     $scope.myarray = [1]; 
     $scope.addVal = function (value) { 
      $scope.myarray.push(value); 
     } 
    }

Richtlinie JS:

angular.module('component', []).directive('customattr', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
      var myVar = 5; 
      scope.$apply(attrs.whattodo); 
     } 
    }; 
});

Quelle

2013-04-21 JohnCastle

Hier ist einer der Arbeitsmethoden:

Sie haben dieses Attribut in Rahmen als Rahmen-Modell mit Funktionstyp zu binden. So können Sie dies aus, wenn Sie in anderen (Richtlinie) müssen sope

HTML

<body ng-controller="MainCtrl"> 
    Value: {{value}}! 

    <button customattr whattodo="addValue">Add</button> 
</body>

angular.module('component', []) 

.controller('MainCtrl', function($scope) { 
    $scope.value = 1; 

    $scope.addValue = function(val){ 
    alert(val); 
    $scope.value = val; 
    } 
}); 

.directive('customattr', function() { 
    return { 
     restrict: 'A', 
     scope: { 
      whattodo: "=" // or ' someOtherScopeName: "=whattodo" ' 
     }, 
     link: function (scope, element, attrs) { 
      var myVar = 5; 
      scope.whattodo(myVar); // or ' scope.someOtherScopeName(myVar) ' 
     } 
    }; 
});

Hier ist code on plunker

fromAngularJS: Directives

= or =attr - set up bi-directional binding between a local scope property and the parent scope property of name defined via the value of the attr attribute. If no attr name is specified then the attribute name is assumed to be the same as the local name. Given and widget definition of scope: { localModel:'=myAttr' }, then widget scope property localModel will reflect the value of parentModel on the parent scope. Any changes to parentModel will be reflected in localModel and any changes in localModel will reflect in parentModel

Quelle

2013-04-21 20:55:55 Maksym

Das funktioniert super danke. Eine letzte Sache: Das Beispiel, das ich gab, war ein dumy. Aber mit meinem "echten" Beispiel: der Wert ist eine Liste von Dicts, die ich mit ein wenig Eingabetext rendere. Wenn ich den leeren Bereich oder den von Ihnen angegebenen Bereich einfüge, werden alle meine Eingabefelder leer. Irgendeine Idee warum?Danke – JohnCastle

Ehrlich gesagt schwer vorstellbar, wäre es nicht kompliziert für Sie, Ihr reales Beispiel in Plunker zu bewegen? Danke – Maksym

Natürlich! Hier ist es: http://plnkr.co/edit/mu9DM1dEyZ36UqVvw0DM Setzen Sie den Geltungsbereich in der Direktive auf true und Sie werden "Toto" darin sehen. Oder – JohnCastle

in html

whattodo="addVal(value)"

in Richtlinie

scope.$apply(function(s){ 
    s.whattodo({value : myVar}); 
});

Quelle

2013-04-21 20:24:21 Ketan

Ich habe: Typeerror: Anwesen 'whattodo' von Objekt #

Aufruf einer Controller-Funktion aus der Direktive mit Parametern

Antwort

Verwandte Themen