Je suis nouveau dans Angular et je me débrouille avec les contrôleurs. J'ai créé cette fonction de contrôleur simple:Fonction de contrôleur d'appel au sein d'une fonction
(function(){
var app = angular.module('store', []);
app.controller('StoreController', function(){
this.product = gem;
});
var gem = {
name: "Dodecahedron",
price: 2.95,
description: '...'
};
})();
Lorsque j'appelle ce contrôleur sous mon index.html, il fonctionne parfaitement. Voici mon index.html:
<html>
<head>
<script src = "angular.min.js"></script> <!--ANGULAR SOURCE-->
<script src = "app.js"></script> <!--APP SOURCE-->
<link rel = "stylesheet" href = "bootstrap.css" type = "text/css"> <!--BOOTSTRAP-->
</head>
<body ng-app = "store">
<div ng-controller="StoreController as store">
<h1>{{store.product.name}}</h1>
<h2> {{store.product.price}} </h2>
<p> {{store.product.description}} </p>
</div>
</body>
</html>
Mon code fonctionne et trouvé comme prévu. Cependant, je ne comprends pas quel est le but de la dernière série de parenthèses dans ma fonction de contrôleur car une fois que je l'enlève, mon contrôleur ne fonctionne plus. Cela semble inutile, mais pour une raison quelconque, mon contrôleur ne fonctionnera pas sans cela. Quelqu'un pourrait-il me dire pourquoi cela ne fonctionne pas?
merci!
Quelles parenthèses exactement? –
https://en.wikipedia.org/wiki/Immediately-invoked_function_expression –
Angular est en quelque sorte un framework js avancé. Par conséquent, pour le maîtriser, il faut connaître la connaissance de soi. Je vous recommande de lire d'abord cette magnifique série de livres. https://github.com/getify/You-Dont-Know-JS –