Erreur: expression de modèle non affectable: undefined (directive: childOne)

Comme un suivi toujours concernant cette plunker:

plunker

Si je passe en revue la console de Chrome lors de la sélection d'un élément de l'Enfant dans le 1, j'obtiens l'erreur suivante:

Erreur: Non cessible modèle de l'expression: non défini dans la directive: childOne)

Je suis complètement dérouté que la directive élément est un élément, et non pas un attribut et désignées comme telles dans la directive elle-même.

source d'informationauteur Bye

  1. 22

    TL;DR; - Le problème est que les attributs sont serpent-cas et la définition de la portée transforme en camelCase.

    Bien vous avez:

    app.directive('childOne', function () {
    return {
        restrict: "E",
        replace: true,
        scope: {
            labelName: "@",
            selectPhrase: "@",
            ngModel: "=",
            options: "=",
        },
        template: '<span><div class="local-label">{{labelName}}: </div><div style="width:15px;display:inline-block;"></div>' +
                  '<span style="display: inline-block;"><select ng-model="ngModel" ng-options="o.Id as o.Name for o in options | orderBy:\'Name\'" class="formRequire" required><option value="" selected="selected">{{selectPhrase}} ...</option></select>' +
                  '</span></div></span>'
    };
})

    Le problème, c'est que vous liez ngModel mais l'enfant-un élément n'est pas de fournir une valeur pour elle. Si je commente la partie, tout semble bien fonctionner.

    Il semble que lorsque vous avez "=" des liaisons dans le champ d'application cela signifie obligatoire, aussi les attributs sont transformées à partir de serpent-cas à camelCase lorsqu'il est défini dans le code javascript du monde

    PS: C'est vrai que l'erreur est un peu vague

  2. 3
    <child-one 
      label-name="Child 1" select-phrase="Please Select Clutch Type" 
      selectModel="ClutchType.Id" options="clutchTypes" >
</child-one> 


selectModel="ClutchType.Id"

    doit avoir été 

    select-model="ClutchType.Id"