AngularJS function call in directive

html.de-Forum JavaScript
1

Hallo,
ich habe eine Angular directive geschrieben und will in der direcitive eine FUnktion auf meinem Controller aufrufen.
Nur leider funktioniert das nicht, ich habe mal ein console.log in der zu callenden Funktion geschrieben und die Funktion wird nur beim rendern der directive aufgerufen.

Mein Controller:

module.controller("MeinController", [
    function(/*dependencies*/){
    /*
     ...
    */

    self.isBreakEnabled = function(dayName){
        console.log("isBreakEnabled", dayName);
        if( !self.settings.reservationTimes ){
            return false;
        }
    
        var day = self.settings.reservationTimes[dayName];
        return day && day.hasBreak;
    }

}]);

Directive Definition:

directives.directive("resTimeRow", function(){
    return {
        restrict: "A",
        templateUrl: "/partials/tr-res-time-row.html",
        scope: {
            dayName: "@dayName",
            dayNameShort: "@dayNameShort",
            dayModel: "=day",
            openingOptions: "=openingOptions",
            breakOptions: "=breakOptions",
            isBreakEnabled: "&isBreakEnabled"
        },
        link: function(scope, element, attrs){
        }
    };
});

Und der directive Code:
[HTML]

{{dayName}} {{t}} bis {{t}} Uhr {{t}} bis {{t}} Uhr [/HTML]

Wenn ich jetzt die Ceckbox anklick die in dem Controller für den Tag hasBreak auf true setzt, sind die select Felder mit der ng-disabled Expression immer noch disabled.
Die Funktion isBreakEnabled in meinem Controller wird also nicht aufgerufen.
Wie kann ich also diese Funkion von meiner Directive aufrufen?

2

Ich vermute mal, es liegt daran, dass die Directive einen Child-Scope kreiert. Ich würde statt self.isBreakEnabled() mal $rootScope.isBreakEnabled() ausprobieren. Ansonsten vielleicht ein $watch() aus dem Controller oder ein $rootScope.$emit() aus der Directive.

3

Hast du ein var self = this; ?

Und hast du im HTML Code in dem du die Funktion aufrufst die Funktion auch übergeben?

sowas wie

[CODE]

[/CODE]

Ansonsten mach mal ein plunkr oder jsfiddle mit dem Beispiel, damit man das konkrete Problem sieht…

4

Nebenbei bemerkt sollte das durch ein ersetzt werden.

5

Hat mich jetzt selber interessiert. Hier ein vereinfachtes Beispiel, wie sich eine Select-List aus dem Controller ansteuern und per Checkbox en-/disablen lässt. Die Directive darf keinen isolated Scope bilden, sonst klappt das nicht.

[CODE]

[/CODE]
6

Eines noch zur Ergänzung: ng-true-value und ng-false-value erlauben nur statische Werte. Um nach dem Initialisieren des Controllers den Zustand der Checkboxen per Funktionsaufruf dynamisch zu verändern, muss die Funktion ng-change übergeben werden. Hier ein Plunkr:
http://plnkr.co/edit/SWARkQABn62fpoF5Qnop?p=preview