angularjs - template - visual studio 2015 angular 6

Visual Studio 2013 AngularJS intellisense support (12)

Acabo de inhabilitar el IntelliSense de Resharper para páginas HTML y obtuve Intellisense angular en VS2013

Pensé que VS 2013 se supone que tiene soporte para angularjs atributo intellisense? Por alguna razón, no funciona para mí en la última versión de Microsoft Visual Studio Ultimate 2013 versión 12.0.21005.1

Obteniendo la siguiente advertencia de validación: El atributo ''ng-app'' no es un atributo válido del elemento ''html''.
El atributo ''ng-view'' no es un atributo válido del elemento ''div''.

¿Me falta una referencia xsd en alguna parte?

Corriendo en el mismo problema Si tiene ReSharper instalado en VS 2013 como yo, puede obtener el instellisense instalando el complemento AngularJS (provisto por JetBrains).

He aquí cómo hacerlo:

VS2013> ReSharper> Administrar extensión.
Busque "AngularJS" usando Nuget en línea, luego haga clic en "Instalar".

Lo anterior debe obtener lo que necesita. En caso de que necesite una guía de imágenes, aquí está el enlace - http://jeeshenlee.com/2014/07/12/how-to-get-angularjs-intellisense-support-on-resharper/

Instalé http://vswebessentials.com/

creó un archivo llamado _reference.js con contenido

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

Lo aprendí de The Story Behind _references.js

Intente marcar el Text Editor/HTML/General/Auto list members en las opciones.

No lo he intentado con vs2013, pero podría funcionar. Trabajando con vs2012. 1

Sé que esta publicación es antigua y la pregunta se refiere específicamente a VS 2013; sin embargo, si todavía está ejecutando VS 2010 y desea aplicar la solución de puargs, puede encontrar el archivo en C: / Archivos de programa (x86) / Microsoft Visual Studio 10.0 / Common7 / Packages / schemas / html / html_5.xsd.

Deberá agregar el código de puargs dentro de la <xsd:attributeGroup name="commonHTML5coreAttributeGroup"> .

Mads Kristensen también discute [aplicando esta solución a VS 2012] 1 y proporciona un enlace a una versión actualizada de commonHTML5Types.xsd de 2012 en el Paso 2.

También tenga en cuenta que tanto los puargs como los listados de Mads carecen de un atributo en ng-view que provoca que un "nombre de atributo deba ir seguido de un aviso de igual (=) signo". El elemento completo es: <xsd:attribute name="ng-view" vs:category="Angular" vs:standalone="true" /> .

Sé que esto es viejo, pero todavía estaba sucediendo para mí. Para arreglarlo para VS 2013, siga estas instrucciones:

1) Abra el archivo C: / Archivos de programa (x86) / Microsoft Visual Studio 12.0 / Common7 / Packages / schemas / html / commonHTML5Types.xsd

2) Encuentre el área en el archivo que comienza con esta línea: <xsd:attribute name="translate"> . Desplácese hacia abajo alrededor de 7 líneas para encontrar la etiqueta de cierre correspondiente: </xsd:attribute>

3) Justo encima de la etiqueta de cierre </xsd:attributeGroup> , pegue las siguientes líneas de código:

<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" />

Guarde el archivo y vuelva a abrir VS2013. Esto debería solucionar el problema.

Si está utilizando ReSharper, intente desactivar ReSharper IntelliSense para HTML.

ReSharper> Opciones> IntelliSense> General> ReSharper limitada IntelliSense

Notas:

Esto no proporciona AngularJS intellisense en archivos ASP.NET
Debe volver a abrir los archivos HTML en VS después de que se haya cambiado la configuración
La versión actual de ReSharper es 8.2

También puede ejecutar esto desde la consola del administrador de paquetes en VS 2013: Install-Package AngularJS.Intellisense.

También puedes deshacerte de las advertencias:

Tuve el mismo problema e hice lo siguiente y me ayudó.

Si está utilizando ReSharper, puede agregar una extensión que le dará Intellisense y no generará una advertencia.

Menú superior en VS> Resharper> Extension Manager> Buscar AngularJS Esto agregará angular js intellisense.

-------EDITAR-------

Usando Resharper 8.2.1

Visual Studio 2013 Update 4 elimina la validación, sin embargo, no incluye IntelliSense para AngularJS.

Soporte para elementos personalizados, elementos de polímero y atributos
Ya no validamos atributores desconocidos para elementos personalizados ya que habrá muchas etiquetas personalizadas en marcos diferentes. Entonces ya no habrá garabatos bajo los elementos desconocidos.
- Anuncio de nuevas funciones web en Visual Studio 2013 Actualización 4 RC

Descargue la actualización 4 de Visual Studio 2013 .

La validación solo se elimina en el editor HTML, no en el editor HTML (formularios web). Esto significa que, de forma predeterminada, los archivos .html no tendrán validación de elementos personalizados, pero las páginas .aspx lo harán. Si, como yo, no cree que esto tenga sentido, muestre su apoyo votando por elementos personalizados en archivos .aspx .