Prise en charge de Visual Studio 2013 AngularJS intellisense

Question

Je pensais que VS 2013 est supposé avoir un support pour l'attribut angularjs intellisense? Pour une raison quelconque, cela ne fonctionne pas pour moi sur la dernière version de Microsoft Visual Studio Ultimate 2013 version 12.0.21005.1

Obtention de l'avertissement de validation suivant: L'attribut 'ng-app' n'est pas un attribut valide de l'élément 'html'.
L'attribut 'ng-view' n'est pas un attribut valide de l'élément 'div'.

Me manque-t-il d'une référence xsd quelque part?

Answer 1

J'ai eu le même problème et je n'ai la suite et il a aidé.

Si vous utilisez ReSharper, vous pouvez ajouter une extension qui va vous donner des Intellisense, et n'est pas un avertissement.

Menu du haut dans VS>Resharper>Gestionnaire des extensions de la Recherche>AngularJS Cela va ajouter angular js intellisense.

-------MODIFIER-------

À L'Aide De Resharper 8.2.1

Answer 2

Je sais que c'est vieux, mais il était toujours passé pour moi. Pour corriger pour VS 2013, suivez ces instructions:

1) Ouvrir le fichier C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\Packages\schemas\html\commonHTML5Types.xsd

2) Trouver la zone dans le fichier qui commence par cette ligne: <xsd:attribute name="translate">. Faites défiler vers le bas d'environ 7 lignes pour trouver la balise de fermeture correspondante: </xsd:attribute>

3) en Dessous de la balise de fermeture situé au-dessus de vous, collez les lignes de code suivantes (juste au-dessus de l' </xsd:attributeGroup> balise de fermeture:

<xsd:attribute name="ng-app" vs:category="Angular" />
<xsd:attribute name="ng-bind-html" vs:category="Angular" />
<xsd:attribute name="ng-bind-html-unsafe" vs:category="Angular" />
<xsd:attribute name="ng-bind-template" vs:category="Angular" />
<xsd:attribute name="ng-checked" vs:category="Angular" />
<xsd:attribute name="ng-class" vs:category="Angular" />
<xsd:attribute name="ng-class-even" vs:category="Angular" />
<xsd:attribute name="ng-class-odd" vs:category="Angular" />
<xsd:attribute name="ng-click" vs:category="Angular" />
<xsd:attribute name="ng-cloak" vs:category="Angular" />
<xsd:attribute name="ng-controller" vs:category="Angular" />
<xsd:attribute name="ng-csp" vs:category="Angular" />
<xsd:attribute name="ng-dblclick" vs:category="Angular" />
<xsd:attribute name="ng-disabled" vs:category="Angular" />
<xsd:attribute name="ng-form" vs:category="Angular" />
<xsd:attribute name="ng-hide" vs:category="Angular" />
<xsd:attribute name="ng-href" vs:category="Angular" />
<xsd:attribute name="ng-include" vs:category="Angular" />
<xsd:attribute name="ng-init" vs:category="Angular" />
<xsd:attribute name="ng-list" vs:category="Angular" />
<xsd:attribute name="ng-model" vs:category="Angular" />
<xsd:attribute name="ng-mousedown" vs:category="Angular" />
<xsd:attribute name="ng-mouseenter" vs:category="Angular" />
<xsd:attribute name="ng-mouseleave" vs:category="Angular" />
<xsd:attribute name="ng-mousemove" vs:category="Angular" />
<xsd:attribute name="ng-mouseover" vs:category="Angular" />
<xsd:attribute name="ng-mouseup" vs:category="Angular" />
<xsd:attribute name="ng-multiple" vs:category="Angular" />
<xsd:attribute name="ng-non-bindable" vs:category="Angular" />
<xsd:attribute name="ng-readonly" vs:category="Angular" />
<xsd:attribute name="ng-repeat" vs:category="Angular" />
<xsd:attribute name="ng-selected" vs:category="Angular" />
<xsd:attribute name="ng-show" vs:category="Angular" />
<xsd:attribute name="ng-src" vs:category="Angular" />
<xsd:attribute name="ng-style" vs:category="Angular" />
<xsd:attribute name="ng-switch" vs:category="Angular" />
<xsd:attribute name="ng-transclude" vs:category="Angular" />
<xsd:attribute name="ng-view" vs:category="Angular" />

Enregistrez le fichier et de le rouvrir VS2013. Cela devrait résoudre le problème.

Answer 3

J'ai installé http://vswebessentials.com/

créé un fichier nommé _reference.js avec un contenu

 /// <autosync enabled="true" />
/// <reference path="angular.js" />
/// <reference path="underscore.js" />
 

J'ai appris cela de The Story Behind _references.js

Answer 4

Si vous utilisez ReSharper, essayez de désactiver ReSharper IntelliSense for HTML.

ReSharper> Options> IntelliSense> Général> Limité ReSharper IntelliSense

Remarques:

• Cela ne fournit pas AngularJS intellisense dans les fichiers ASP.NET.
• Vous devez rouvrir les fichiers HTML dans VS après la modification des paramètres
• La version actuelle de ReSharper est 8.2

Answer 5

Essayez de cocher Text Editor\HTML\General\Auto list members dans les options.