Définir la base templateUrl sur l'attribut dans la directive

Je suis en train de travailler sur un ensemble de angulaire directives et je veux charger le bon modèle en fonction de la présence ou de la valeur d'un attribut.

<my-form horizontal> </my-form>
<my-form vertical> </my-form>

Si horizontal, templateUrl devrait être /partials/horizontal-form et
Si vertical, templateUrl devrait être /partials/vertical-form

Je suis intéressé par le templateUrl parce que je ne peux pas utiliser template depuis le html dépend des attributs. Dans le compile.pre fonction, le html a déjà été chargé.

Si il y a un autre moyen d'y parvenir, je suis ouvert à elle depuis que je suis maintenant en commençant par angulaire et " plus d'infos mieux c'est.

Grâce

source d'informationauteur ritcoder

  1. 11

    L'une des solutions consiste à utiliser un ng-inclure dans le fichier de modèle.

    Le premier attribut à l'intérieur du fichier de modèle aura quelque chose comme : 

    <div ng-include = "getTemplate()">

</div>

    Dans votre directive de code, vous écrivez quelque chose comme : 

    scope : {direction : "="},
link : function(scope,element,attrs)
{
    scope.getTemplate = function(){
        if(scope.direction === "horizontal")
        {
            return "horizontal.html";
        }
        return "vertical.html";
    }
}

    Espérons que cette aide!

  2. 22

    pour info c'est maintenant correctement fixé dans angulaire 1.1.4

    vous pouvez passer d'une fonction à templateUrl. les paramètres d'entrée sont élément, les attributs. et retourne une chaîne de caractères (le templateUrl vous le souhaitez)

    docs ici: http://code.angularjs.org/1.1.4/docs/guide/directive