Errore: espressione del modello non cedibile: undefined (direttiva: childOne)

Question

Come follow-up ancora riguardo a questa plunker:

plunker

Se ho rivedere la console in Chrome quando si seleziona un elemento in bambino 1, ottengo il seguente errore:

errore: l'espressione del modello non cedibile: undefined (direttiva: childOne)

Sono completamente sconcertato perché l'elemento direttivo è un elemento, non un attributo e designato come tale nella direttiva stessa.

Answer 1

TL; DR; - Il problema è che gli attributi sono snake-case e la definizione dell'ambito li trasforma in camelCase.

bene bisogna:

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>' 
    }; 
}) 

Il problema è che si associa ngModel ma l'elemento figlio-one non fornisce un valore per esso. Se commento quella parte sembra funzionare bene.

Sembra che quando si dispone di "=" attacchi del perimetro significa obbligatorio, anche gli attributi si trasformano da serpente caso a camelCase quando definito in javascript mondo

PS: E ' vero l'errore è un po 'vago

Answer 2

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


selectModel="ClutchType.Id" 

avrebbe dovuto essere

select-model="ClutchType.Id"