2013-04-14 24 views
10

Sono riuscito a ottenere intellisense per le direttive ng-in HTML. Ottengo anche intellisense per la maggior parte dei file javascript. Tuttavia, non ho idea di come ottenere intellisense per i bit che vengono iniettati. Considerare quanto segue:angularjs intellisense in visual studio

function mandatsCtrl($scope, Domiciliation, logger, $q) { 
} 

come ottenere intellisense per $ q o $ ambito, che vengono iniettati?

+3

si potrebbe desiderare di controllare questo fuori [Visual Studio 2013 angularjs supporto intellisense] [1] [1]: http://stackoverflow.com/questions/19709538/visual-studio-2013-angularjs-intellisense-support –

+0

come hai ottenuto l'intellisense per le direttive ng nell'HTML. puoi farmi sapere per favore? –

risposta

2

Per quanto ne so, non si può fare nulla del genere. Ma se stai usando ReSharper puoi provare il plugin AngularJS support for ReSharper. È nella fase iniziale quindi suppongo che possiamo aspettarci molto di più nel tempo.

Ecco un altro collegamento per HTML5Schema (tutti gli attributi ng- * disponibili in Intellisense). Immagino che tu l'abbia già.

C'è anche un plugin per Chrome AngularJS Batarang. Estende gli Strumenti per gli sviluppatori, aggiungendo strumenti per il debug e la profilazione delle applicazioni AngularJS.

Non vedo l'ora altre risposte.

+0

sì, ho lo schema. Il plug-in di Resharper è promettente ma per ora non fa molto più dello schema. Aspetta e guarda ... – Sam

+0

Sì, speriamo che ce ne saranno altri. Anche i frammenti di codice sono belli. – kayz1

2

È possibile ottenere intellisense sui parametri iniettati (e quasi tutto il resto) se si utilizza TypeScript. TypeScript ti consente di specificare il tipo di parametri in modo che VS sappia come usarli.

es.

/// <reference path="./angular.d.ts" /> 

function mandatsCtrl($scope: ng.IScope) {...} 
+0

Ho dato un'occhiata a TypeScript e sembra interessante. Ma una cosa che non riesco a capire, è come ottenere questi file .d.ts? Ad esempio, dov'è il file angular.d.ts che hai menzionato? Lo stesso vale per le librerie di terze parti che uso (jQuery, ecc.) – Sam

+0

@ Sam c'è una buona raccolta gestita dalla comunità di file d.ts qui: http://www.tsdpm.com/ https://github.com/Diullei/TSD. – rob

+0

Grazie! Posso usare una versione precedente dei file d.ts e utilizzare ancora l'ultima versione delle librerie nel mio codice? – Sam

1

Avete dato un'occhiata a questo: https://github.com/matijagrcic/AngularJS-Intellisense-For-Visual-Studio

ho avuto Intellisense per $ portata e $ q attraverso una delle estensioni che ho (penso che deve essere 'Essentials Web 2012'), anche se non sembra essere Intellisense particolarmente intelligente - sono solo suggerimenti di ogni singolo possibile metodo/proprietà JS.

+0

Ho provato ad installarlo ma non è stato possibile aggiungere la chiave di registro. Apparentemente non è una chiave valida ... – Sam

+0

Ho capito che funziona, ma ho dovuto modificare la chiave di registro per farlo funzionare, come spiegato qui: https://github.com/matijagrcic/AngularJS-Intellisense-For visual-Studio/temi/1/# issuecomment-20.321.607. Ci deve essere solo una barra rovesciata (\) nel valore "File" - vale a dire. dovrebbe apparire come: "File" = "html \ html_5_angularjs.xsd" –

+0

interessante. Ho aggiunto il registro e selezionato AngularJS come mia convalida HTML. Ma non funziona bene per HTML (ora devo avere il tipo Doc, Body, ecc, incluso nelle mie viste solo per ottenere la convalida HTML 5 di base), e non funziona affatto per Angular –

Problemi correlati