2013-04-14 9 views
10

Ich habe es geschafft, intellisense für die ng-Direktiven im HTML zu bekommen. Ich bekomme auch Intellisense für die meisten Javascript-Dateien. Ich habe jedoch keine Ahnung, wie man Intellisense für Bits erhält, die injiziert werden. Betrachten Sie folgendes:angularjs intellisense im visuellen Studio

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

Wie bekomme ich Intellisense für $ q oder $ scope, die injiziert werden?

+3

Sie können dieses heraus wollen überprüfen [Visual Studio 2013 AngularJS Intellisense Unterstützung] [1] [1]: http://stackoverflow.com/questions/19709538/visual-studio-2013-angularjs-intellisense-support –

+0

Wie haben Sie intellisense für ng-Direktiven im HTML bekommen? Kannst du mich bitte wissen lassen? –

Antwort

2

Soweit ich weiß kann man nichts dergleichen tun. Aber wenn Sie ReSharper verwenden, können Sie AngularJS support for ReSharper Plugin versuchen. Es ist in einem frühen Stadium, also können wir im Laufe der Zeit viel mehr erwarten.

Hier ist ein weiterer Link für HTML5Schema (alle ng- * Attribute in Intellisense verfügbar). Ich denke du hast das schon.

Es gibt auch ein Chrome-Plugin AngularJS Batarang. Erweitert die Developer Tools um Tools zum Debuggen und Profilieren von AngularJS-Anwendungen.

Ich freue mich auf andere Antworten.

+0

Ja, ich habe das Schema. Das Resharper-Plugin ist vielversprechend, aber im Moment macht es nicht viel mehr als das Schema. Warte und sieh .... – Sam

+0

Ja, lass uns hoffen, dass es mehr geben wird. Code-Snippets sind auch nett. – kayz1

2

Sie können Intellisense auf injizierte Parameter (und fast alles andere) erhalten, wenn Sie TypeScript verwenden. Mit TypeScript geben Sie den Typ Ihrer Parameter an, damit VS wissen kann, wie sie verwendet werden.

z.

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

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

Ich habe mir TypeScript angesehen und es sieht interessant aus. Aber eine Sache, die ich nicht herausfinden kann, ist, wie man diese .d.ts Akten holt? Zum Beispiel, wo ist die Datei angular.d.ts, die Sie erwähnt haben? Das Gleiche gilt für alle Bibliotheken von Drittanbietern, die ich benutze (jQuery, etc ..) – Sam

+0

@Sam gibt es eine gute Community verwaltet Sammlung von d.ts Dateien hier: http://www.tsdpm.com/ https://github.com/Diullei/tsd. – rob

+0

Danke! Kann ich eine ältere Version der d.ts-Dateien verwenden und weiterhin die neueste Version der Bibliotheken in meinem Code verwenden? – Sam

1

Haben Sie einen Blick auf diese genommen: https://github.com/matijagrcic/AngularJS-Intellisense-For-Visual-Studio

ich Intellisense für $ Umfang und $ q durch eine der Erweiterungen bekommen haben Ich habe (ich glaube es ‚Web Essentials-2012‘ sein muss), obwohl es scheint nicht besonders intelligent Intellisense zu sein - es sind nur Vorschläge für jede einzelne mögliche JS-Methode/Eigenschaft.

+0

eingefügt werden Ich habe versucht, es zu installieren, aber der Registrierungsschlüssel konnte nicht hinzugefügt werden. Es ist anscheinend kein gültiger Schlüssel ... – Sam

+0

Ich habe es tatsächlich zu arbeiten, aber musste den Registrierungsschlüssel ändern, um es zur Arbeit zu bringen, wie hier erklärt: https://github.com/matijagrcic/AngularJS-Intellisense-For- Visual-Studio/Probleme/1/# Problemkommentar-20321607. Es muss nur einen umgekehrten Schrägstrich (\) im Wert "Datei" geben - dh. Es sollte wie folgt aussehen: "File" = "html \ html_5_angularjs.xsd" –

+0

interessant. Ich habe die Registrierung hinzugefügt und AngularJS als meine HTML-Validierung ausgewählt. Aber es funktioniert nicht gut für HTML (ich muss jetzt den Doc-Typ, Body, etc, in meinen Ansichten enthalten, nur um grundlegende HTML 5-Validierung zu erhalten), und es funktioniert überhaupt nicht für Angular –

Verwandte Themen