javascript - parameter - Directiva Isolate Scope 1.2.2

scope directive angularjs

Question

Estoy trabajando con Angular versión 1.2.2 por primera vez y tratando de hacer una directiva simple que use un alcance aislado con enlace ''='' para pasar un objeto. He hecho esto algunas veces, así que me pregunto si tal vez hubo un cambio en 1.2.2 que cambió esto?

Aquí está mi directiva:

.directive(''vendorSelector'', function (VendorFactory) {
return {
restrict: ''E'',
replace: true,
scope: { vendorId: ''='' },
template: ''<select ng-model="vendorId" ng-options="id for id in vendorIds">'' +
''<option value="">-- choose vendor --</option>'' +
''</select>'',
link: function (scope, element, attrs) {
VendorFactory.getVendorIds().then(function(result) {
scope.vendorIds = result;
});
}
}
})

Mi plantilla HTML que usa la directiva es la siguiente:

<div class="padding">
<vendor-selector vendorId="someValue"></vendor-selector>
{{ someValue }}
</div>

Y el controlador de respaldo:

.controller(''AddProductController'', function($scope, ProductFactory, AlertFactory) {
$scope.vendorId = 0;
$scope.someValue = undefined;
})

He intentado usar tanto $ scope.someValue como $ scope.vendorId como el objeto suministrado en la plantilla html. En ambos casos, el error que estoy recibiendo es Expression ''undefined'' used with directive ''vendorSelector'' is non-assignable! . ¿Me está perdiendo algo obvio que impide que estos valores se vinculen en 2 sentidos en el alcance aislado?

Answer 1

En tu html:

<vendor-selector vendorId="someValue"></vendor-selector>

Cambiar vendorId="someValue"

a vendor-id="someValue"

Los atributos HTML no distinguen entre mayúsculas y minúsculas, por lo tanto, para evitar confusiones, Angular convierte todas las variables de camel case (vendorId) a los atributos de mayúsculas y minúsculas (id-vendedor).

Así que someValue no estaba obligado a vendorId . Resultando en vendorId no definido en la plantilla. Y así tu error