Wie wollen Sie überprüfen, ob & variable festgelegt ist in der Richtlinie

In eine Richtlinie, wo Sie eine callback-Methode, die durch ein arg, sagen:

<my-directive callback='showAlert()' />

Können Sie abrufen, die variable durch die Einstellung der Bereich in der Rückkehr:

scope: {
    callback: "&callback"
}

Wenn der Rückruf nicht gesetzt ist, zB:

<my-directive />

Den Wert von $scope.callback ist immer noch:

$scope.callback():function (locals) {
    return parentGet(scope, locals);
}

Ist es ein guter Weg, um zu überprüfen, dass der Rückruf nicht gesetzt wurde?

InformationsquelleAutor stevedbrown | 2014-02-17
  1. 10

    Einer Art, wie ich denken kann ausgeschaltet ist, überprüfen Sie die Attribut-parameter für die Richtlinie name wie

    link: function (scope, elm, attrs) {

   if(attrs.callback) {
       //this attribute has been defined.
   }

}
    • Das problem ist, dass mit isolierten Geltungsbereich, die Parameter sind immer definiert
    InformationsquelleAutor Chandermani
  2. 9

    Können Sie &? insteand von &. Es wird $Umfang.Rückruf gleich undefined wenn es nicht vorgesehen ist.

    • danke, dies war für mich bei der Verwendung ng-hide="{{reset === undefined}}" definiert als: scope: { reset: '&?onReset' }
    • Ich freaking love eckig
    • Das ist besser als die akzeptierte Antwort, da funktioniert es völlig in Ordnung, mit controllerAs-syntax und ohne die Verwendung eines link-Funktion.
    InformationsquelleAutor Lyubimov Roman
  3. 1

    Da Parameter übergeben werden, um die Richtlinie befinden wird der Anwendungsbereich der Richtlinie, die ich bevorzuge, um zu überprüfen, für Typ. Auch dachte, es ist definiert als Ausdruck in die scope-Konfiguration:

    scope: { callback: '&attrName' },
link: function(scope, ...){
    if (typeof scope.callback === 'function') {
        //do my stuff
    }
}

    so, wie ich immer sicher, dass ich bekommen, was ich erwarte.

    • Dies sollte die richtige Antwort.
    InformationsquelleAutor sickelap
  4. 1

    dieser Ansatz für mich gearbeitet:

    scope: {
  callback: '&callback',
  callbackExists: '@callback'
}

    Dann über den zweiten parameter in der Vorlage:

    <div ng-if="callbackExists">…</div>
    • Dies scheint die einzige Methode, die funktioniert für Winkel-1.5+ - Komponenten
    InformationsquelleAutor Ben Boyle
  5. 0

    verwenden angular.isUndefined zu überprüfen callback Funktion

    link: function(scope, element, attrs) {
    if (angular.isUndefined(scope.callback)) {
        //do something when callback undefined
        return;
    }
    //do something when callback defined
}
    InformationsquelleAutor Chen-Tsu Lin
Schreibe einen Kommentar