@@ -267,7 +267,7 @@ Invece usa la più semplice sintassi setter.
267267 /* evitare */
268268 angular
269269 .module (' app' )
270- .controller (' Dashboard ' , function () { });
270+ .controller (' DashboardController ' , function () { });
271271 .factory (' logger' , function () { });
272272 ```
273273
@@ -277,9 +277,9 @@ Invece usa la più semplice sintassi setter.
277277 // dashboard.js
278278 angular
279279 .module (' app' )
280- .controller (' Dashboard ' , Dashboard );
280+ .controller (' DashboardController ' , DashboardController );
281281
282- function Dashboard () { }
282+ function DashboardController () { }
283283 ```
284284
285285 ``` javascript
@@ -308,14 +308,14 @@ Invece usa la più semplice sintassi setter.
308308
309309 ``` html
310310 <!-- evitare -->
311- <div ng-controller =" Customer " >
311+ <div ng-controller =" CustomerController " >
312312 {{ name }}
313313 </div >
314314 ```
315315
316316 ``` html
317317 <!-- consigliato -->
318- <div ng-controller =" Customer as customer" >
318+ <div ng-controller =" CustomerController as customer" >
319319 {{ customer.name }}
320320 </div >
321321 ```
@@ -333,15 +333,15 @@ Invece usa la più semplice sintassi setter.
333333
334334 ``` javascript
335335 /* evitare */
336- function Customer ($scope ) {
336+ function CustomerController ($scope ) {
337337 $scope .name = {};
338338 $scope .sendMessage = function () { };
339339 }
340340 ```
341341
342342 ``` javascript
343343 /* consigliato - tuttavia vedi la prossima sezione */
344- function Customer () {
344+ function CustomerController () {
345345 this .name = {};
346346 this .sendMessage = function () { };
347347 }
@@ -356,15 +356,15 @@ Invece usa la più semplice sintassi setter.
356356
357357 ``` javascript
358358 /* evitare */
359- function Customer () {
359+ function CustomerController () {
360360 this .name = {};
361361 this .sendMessage = function () { };
362362 }
363363 ```
364364
365365 ``` javascript
366366 /* consigliato */
367- function Customer () {
367+ function CustomerController () {
368368 var vm = this ;
369369 vm .name = {};
370370 vm .sendMessage = function () { };
@@ -407,7 +407,7 @@ Invece usa la più semplice sintassi setter.
407407
408408 ``` javascript
409409 /* evitare */
410- function Sessions () {
410+ function SessionsController () {
411411 var vm = this ;
412412
413413 vm .gotoSession = function () {
@@ -425,7 +425,7 @@ Invece usa la più semplice sintassi setter.
425425
426426 ` ` ` javascript
427427 /* consigliato */
428- function Sessions () {
428+ function SessionsController () {
429429 var vm = this ;
430430
431431 vm .gotoSession = gotoSession;
@@ -455,7 +455,7 @@ Invece usa la più semplice sintassi setter.
455455
456456 ` ` ` javascript
457457 /* evitare */
458- function Sessions (data ) {
458+ function SessionsController (data ) {
459459 var vm = this ;
460460
461461 vm .gotoSession = gotoSession;
@@ -475,7 +475,7 @@ Invece usa la più semplice sintassi setter.
475475
476476 ` ` ` javascript
477477 /* consigliato */
478- function Sessions (sessionDataService ) {
478+ function SessionsController (sessionDataService ) {
479479 var vm = this ;
480480
481481 vm .gotoSession = gotoSession;
@@ -505,7 +505,7 @@ Invece usa la più semplice sintassi setter.
505505 * evitare
506506 * Uso di espressioni di funzione.
507507 */
508- function Avengers (avengersService , logger ) {
508+ function AvengersController (avengersService , logger ) {
509509 var vm = this ;
510510 vm .avengers = [];
511511 vm .title = ' Avengers' ;
@@ -537,7 +537,7 @@ Invece usa la più semplice sintassi setter.
537537 * Usare dichiarazione di funzione
538538 * e membri che fanno in binding in alto.
539539 */
540- function Avengers (avengersService , logger ) {
540+ function AvengersController (avengersService , logger ) {
541541 var vm = this ;
542542 vm .avengers = [];
543543 vm .getAvengers = getAvengers;
@@ -574,7 +574,7 @@ Invece usa la più semplice sintassi setter.
574574 ` ` ` javascript
575575
576576 /* evitare */
577- function Order ($http , $q , config , userInfo ) {
577+ function OrderController ($http , $q , config , userInfo ) {
578578 var vm = this ;
579579 vm .checkCredit = checkCredit;
580580 vm .isCreditOk ;
@@ -605,7 +605,7 @@ Invece usa la più semplice sintassi setter.
605605 ` ` ` javascript
606606
607607 /* consigliato */
608- function Order (creditService ) {
608+ function OrderController (creditService ) {
609609 var vm = this ;
610610 vm .checkCredit = checkCredit;
611611 vm .isCreditOk ;
@@ -947,11 +947,11 @@ Invece usa la più semplice sintassi setter.
947947 // controller che chiama la factory del servizio ai dati
948948 angular
949949 .module (' app.avengers' )
950- .controller (' Avengers ' , Avengers );
950+ .controller (' AvengersController ' , AvengersController );
951951
952- Avengers .$inject = [' dataservice' , ' logger' ];
952+ AvengersController .$inject = [' dataservice' , ' logger' ];
953953
954- function Avengers (dataservice , logger ) {
954+ function AvengersController (dataservice , logger ) {
955955 var vm = this ;
956956 vm .avengers = [];
957957
@@ -1333,7 +1333,7 @@ Invece usa la più semplice sintassi setter.
13331333
13341334 ` ` ` javascript
13351335 /* evitare */
1336- function Avengers (dataservice ) {
1336+ function AvengersController (dataservice ) {
13371337 var vm = this ;
13381338 vm .avengers = [];
13391339 vm .title = ' Avengers' ;
@@ -1347,7 +1347,7 @@ Invece usa la più semplice sintassi setter.
13471347
13481348 ` ` ` javascript
13491349 /* consigliato */
1350- function Avengers (dataservice ) {
1350+ function AvengersController (dataservice ) {
13511351 var vm = this ;
13521352 vm .avengers = [];
13531353 vm .title = ' Avengers' ;
@@ -1382,9 +1382,9 @@ Invece usa la più semplice sintassi setter.
13821382 /* evitare */
13831383 angular
13841384 .module (' app' )
1385- .controller (' Avengers ' , Avengers );
1385+ .controller (' AvengersController ' , AvengersController );
13861386
1387- function Avengers (movieService ) {
1387+ function AvengersController (movieService ) {
13881388 var vm = this ;
13891389 // non risolta
13901390 vm .movies ;
@@ -1407,7 +1407,7 @@ Invece usa la più semplice sintassi setter.
14071407 $routeProvider
14081408 .when (' /avengers' , {
14091409 templateUrl: ' avengers.html' ,
1410- controller: ' Avengers ' ,
1410+ controller: ' AvengersController ' ,
14111411 controllerAs: ' vm' ,
14121412 resolve: {
14131413 moviesPrepService : function (movieService ) {
@@ -1420,10 +1420,10 @@ Invece usa la più semplice sintassi setter.
14201420 // avengers.js
14211421 angular
14221422 .module (' app' )
1423- .controller (' Avengers ' , Avengers );
1423+ .controller (' AvengersController ' , AvengersController );
14241424
1425- Avengers .$inject = [' moviesPrepService' ];
1426- function Avengers (moviesPrepService ) {
1425+ AvengersController .$inject = [' moviesPrepService' ];
1426+ function AvengersController (moviesPrepService ) {
14271427 var vm = this ;
14281428 vm .movies = moviesPrepService .movies ;
14291429 }
@@ -1443,7 +1443,7 @@ Invece usa la più semplice sintassi setter.
14431443 $routeProvider
14441444 .when (' /avengers' , {
14451445 templateUrl: ' avengers.html' ,
1446- controller: ' Avengers ' ,
1446+ controller: ' AvengersController ' ,
14471447 controllerAs: ' vm' ,
14481448 resolve: {
14491449 moviesPrepService: moviesPrepService
@@ -1458,10 +1458,10 @@ Invece usa la più semplice sintassi setter.
14581458 // avengers.js
14591459 angular
14601460 .module (' app' )
1461- .controller (' Avengers ' , Avengers );
1461+ .controller (' AvengersController ' , AvengersController );
14621462
1463- Avengers .$inject = [' moviesPrepService' ];
1464- function Avengers (moviesPrepService ) {
1463+ AvengersController .$inject = [' moviesPrepService' ];
1464+ function AvengersController (moviesPrepService ) {
14651465 var vm = this ;
14661466 vm .movies = moviesPrepService .movies ;
14671467 }
@@ -1483,17 +1483,17 @@ Invece usa la più semplice sintassi setter.
14831483 /* evita - non a prova di minificazione*/
14841484 angular
14851485 .module (' app' )
1486- .controller (' Dashboard ' , Dashboard );
1486+ .controller (' DashboardController ' , DashboardController );
14871487
1488- function Dashboard (common , dataservice ) {
1488+ function DashboardController (common , dataservice ) {
14891489 }
14901490 ` ` `
14911491
14921492 Questo codice può produrre variabili da nome ridotto e perciò causare errori a runtime.
14931493
14941494 ` ` ` javascript
14951495 /* evita - non a prova di minificazione*/
1496- angular .module (' app' ).controller (' Dashboard ' , d);function d (a , b ) { }
1496+ angular .module (' app' ).controller (' DashboardController ' , d);function d (a , b ) { }
14971497 ` ` `
14981498
14991499### Indentificazione manuale delle dipendenze
@@ -1511,17 +1511,17 @@ Invece usa la più semplice sintassi setter.
15111511 /* evitare */
15121512 angular
15131513 .module (' app' )
1514- .controller (' Dashboard ' ,
1514+ .controller (' DashboardController ' ,
15151515 [' $location' , ' $routeParams' , ' common' , ' dataservice' ,
1516- function Dashboard ($location , $routeParams , common , dataservice ) {}
1516+ function DashboardController ($location , $routeParams , common , dataservice ) {}
15171517 ]);
15181518 ` ` `
15191519
15201520 ` ` ` javascript
15211521 /* evitare */
15221522 angular
15231523 .module (' app' )
1524- .controller (' Dashboard ' ,
1524+ .controller (' DashboardController ' ,
15251525 [' $location' , ' $routeParams' , ' common' , ' dataservice' , Dashboard]);
15261526
15271527 function Dashboard ($location , $routeParams , common , dataservice ) {
@@ -1532,11 +1532,11 @@ Invece usa la più semplice sintassi setter.
15321532 /* consigliato */
15331533 angular
15341534 .module (' app' )
1535- .controller (' Dashboard ' , Dashboard );
1535+ .controller (' DashboardController ' , DashboardController );
15361536
15371537 Dashboard .$inject = [' $location' , ' $routeParams' , ' common' , ' dataservice' ];
15381538
1539- function Dashboard ($location , $routeParams , common , dataservice ) {
1539+ function DashboardController ($location , $routeParams , common , dataservice ) {
15401540 }
15411541 ` ` `
15421542
@@ -1623,10 +1623,10 @@ Invece usa la più semplice sintassi setter.
16231623 ` ` ` javascript
16241624 angular
16251625 .module (' app' )
1626- .controller (' Avengers ' , Avengers );
1626+ .controller (' AvengersController ' , AvengersController );
16271627
16281628 /* @ngInject */
1629- function Avengers (storage , avengerService ) {
1629+ function AvengersController (storage , avengerService ) {
16301630 var vm = this ;
16311631 vm .heroSearch = ' ' ;
16321632 vm .storeHero = storeHero;
@@ -1643,10 +1643,10 @@ Invece usa la più semplice sintassi setter.
16431643 ` ` ` javascript
16441644 angular
16451645 .module (' app' )
1646- .controller (' Avengers ' , Avengers );
1646+ .controller (' AvengersController ' , AvengersController );
16471647
16481648 /* @ngInject */
1649- function Avengers (storage , avengerService ) {
1649+ function AvengersController (storage , avengerService ) {
16501650 var vm = this ;
16511651 vm .heroSearch = ' ' ;
16521652 vm .storeHero = storeHero;
@@ -1657,7 +1657,7 @@ Invece usa la più semplice sintassi setter.
16571657 }
16581658 }
16591659
1660- Avengers .$inject = [' storage' , ' avengerService' ];
1660+ AvengersController .$inject = [' storage' , ' avengerService' ];
16611661 ` ` `
16621662
16631663 Nota: Se ` ng- annotate` rileva che l'iniezione è già stata fatta (p.e. ` @ngInject` è stato rilevato), non duplicherà il codice di ` $inject` .
@@ -1670,7 +1670,7 @@ Invece usa la più semplice sintassi setter.
16701670 $routeProvider
16711671 .when (' /avengers' , {
16721672 templateUrl: ' avengers.html' ,
1673- controller: ' Avengers ' ,
1673+ controller: ' AvengersController ' ,
16741674 controllerAs: ' vm' ,
16751675 resolve: { /* @ngInject */
16761676 moviesPrepService : function (movieService ) {
@@ -1906,7 +1906,7 @@ Invece usa la più semplice sintassi setter.
19061906 avenger- profile .directive .spec .js
19071907 ` ` `
19081908
1909- Nota: Un'altra convenzione comune è dare il nome al file del controller senza la parola ` controller` nel nome del file come ` avengers .js ` invece di ` avengers .controller .js ` . Tutte le altre convenzioni continuano ancora a mantenere il suffisso del tipo. I controller sono i tipi di componenti più comuni perciò questo risparmia digitazione continuando ad essere facilmente identificabili. Consiglio di scegliere 1 convenzione e rimanere consistente nel tuo team. La mia preferenza va a ` avengers .controller .js ` .
1909+ Nota: Un'altra convenzione comune è dare il nome al file del controller senza la parola ` controller` nel nome del file come ` avengers .js ` invece di ` avengers .controller .js ` . Tutte le altre convenzioni continuano ancora a mantenere il suffisso del tipo. I controller sono i tipi di componenti più comuni perciò questo risparmia digitazione continuando ad essere facilmente identificabili. Consiglio di scegliere 1 convenzione e rimanere consistente nel tuo team. La mia preferenza va a ` avengers .controller .js ` che identifica ` AvengersController ` .
19101910
19111911 ` ` ` javascript
19121912 /**
0 commit comments