Probando AngularJS me encontré con una situación que me gustaría saber porqué ocurre.
Fíjense en el objeto $scope.film
que está definido en el controlador que se ve acá abajo:
/* Modelo */
let app = angular.module('myApp', []);
/* Controlador */
app.controller('mainCtrl', ['$scope', function($scope){
/* Film */
$scope.film = {
titulo: 'Mad Max Fury Road',
año: 2015
};
}]);
Tal cual como está, es un objeto con una propiedad titulo
y una propiedad año
. En el caso de la propiedad año
, está definida con la letra ñ.
$scope.film = {
titulo: 'Mad Max Fury Road',
año: 2015
};
Si yo quiero usar una expresión en una vista para imprimir el valor de la propiedad año
del objeto, usando la sintaxis objeto.propiedad
...
<!-- Vista -->
<div ng-app="myApp">
<div ng-controller="mainCtrl">
<p>{{film.año}}</p>
</div>
</div>
...obtengo un error:
Lexer Error: Unexpected next character at columns 6-6 [ñ] in expression [film.año].
Dándome a entender, de acuerdo a la documentación de referencia de errores de AngularJS, que el caracter ñ me genera un error léxico en la expresión:
Occurs when an expression has a lexical error, for example a malformed number (0.5e-) or an invalid unicode escape.
Si por otro lado, uso la misma expresión para imprimir el valor de la propiedad año
usando la sintaxis objeto['propiedad']
, no genera ningún problema, y en la vista se me muestra el valor de esa propiedad.
<!-- Vista -->
<div ng-app="myApp">
<div ng-controller="mainCtrl">
<p>{{film['año']}}</p> <!-- HTML: 2015 -->
</div>
</div>
Snippet de prueba
Aquí lo pueden probar. Dejé comentada la expresión que no da errores.
/* Modelo */
let app = angular.module('myApp', []);
/* Controlador */
app.controller('mainCtrl', ['$scope', function($scope){
$scope.film = {
title: 'Mad Max Fury Road',
año: 2015
};
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"></script>
<!-- Vista -->
<div ng-app="myApp">
<div ng-controller="mainCtrl">
<p>{{film.año}}</p>
<!-- <p>{{film['año']}}</p> -->
</div>
</div>
Yo podría perfectamente usar la sintaxis objeto['propiedad']
para imprimir mi valor de la propiedad, o cambiar el nombre de la propiedad de año
a annio
(u otros).
Pero el punto de mi pregunta es saber el porqué AngularJS no permite el uso de la letra ñ como parte del nombre de una propiedad, usando la sintaxis objeto.propiedad
dentro de una expresión.