Tengo este código javascript en un script llamado indexController.js y el html en un index.html, el problema está en que la variable "mensaje" no la está pintando en la pantalla.
¿Alguien sabe que estoy haciendo mal? Estoy muy acostumbrado a Angular pero acabo de comenzar con AngularJS puesto que tengo un proyecto que entregar a cliente y lo quiere en esta tecnología.
Un saludo.
angular.module('holamundo', [])
.controller('miControlador', miControlador);
function miControlador(){
var scope = this;
scope.mensaje = "Hola, ¿Como estas?";
console.log(scope);
init();
function init(){
}
}
<!DOCTYPE html>
<html lang="en" ng-app="holamundo" ng-controller="miControlador">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Angular JS - Hola Mundo</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="./indexController.js"></script>
</head>
<body>
<div>
{{mensaje}}
</div>
</body>
</html>