Erreur d’architecture AngularJS
Bonjour,
j’ai tenté de reproduire l’architecture du code AngularJS de ce tutoriel, mais j’ai échoué car je n’obtient aucun résultat : mon code HTML ne parvient pas à (lire ?) mon code AngularJS.
Mon code HTML :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="UTF-8">
<title>Titre</title>
</head>
<body>
<div class="lateral_panel" ng-controller="selectCtrl as selectCtrl">{{selectCtrl.texte}}</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="app.module.js"></script>
</body>
</html> |
Mon code app.module.js :
Code:
1
2
| angular
.module('app', ['selectCtrl']); |
Mon contrôleur selectCtrl.js :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| (function() {
'use strict';
angular
.module('app')
.controller('selectCtrl', selectCtrl['$scope']);
function selectCtrl() {
var vm = this;
vm.texte = 'A';
}
})(); |
Savez-vous où se trouve l’erreur ?
