Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

246
Vistas
Deshabilitar la línea verde ondulada en la plantilla html Angular 2+

¿Cómo puedo deshacerme de la siguiente línea verde ondulada mientras edito la plantilla html de un proyecto Angular 2+ >= v2 (v2 o superior) sin cambiar la plantilla en sí? Digamos que tengo la siguiente línea:

 <textarea [(ngModel)]="jobDescription" cols="40" rows="5" (ngModelChange)="textAreaEmpty()"></textarea> <br/>

La línea anterior dentro de Visual Studio Code (1.11.1) Editor tiene el siguiente aspecto

ingrese la descripción de la imagen aquí

¿Ves la línea ondulada verde? Si paso el mouse sobre él, veo la siguiente sugerencia:

ingrese la descripción de la imagen aquí

Sugerencia: " El nombre del atributo de [[(ngModel)]] debe estar en minúsculas . Quiero ignorar esta sugerencia. ¿Cómo puedo lograr esto sin desactivar todas las sugerencias del editor?

Estoy contento con otras posibles sugerencias de editores, pero para esta en particular me gustaría desactivar esta alerta verde.

Actualización 1: la configuración de mi espacio de trabajo ahora tiene el siguiente aspecto

 { "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/*.js.map": true, "**/.DS_Store": true, "**/*.js": { "when": "$(basename).ts"} }, "window.zoomLevel": 0, "html.suggest.angular1": false }

Actualización 2 : incluso agregar "html.suggest.angular1": false no deshabilitó estas advertencias y todavía las veo en mi editor:

Nota: tengo instaladas las siguientes extensiones:

  • Fragmentos angulares de TypeScript para VS Code
  • angular2-en línea
  • Herramientas de Azure Functions - Extensiones para VS Code
  • VS Code - Depurador para Chrome
  • Extensión VS Code ESLint
  • Historial de Git (incluido el registro de Git)
  • Fragmentos de código HTML de Visual Studio
  • vscode-htmlsugerencia
  • IntelliSense para nombres de clase CSS
  • Grammer de TypeScript y Javascript más reciente
  • Extensión de servicios de equipo de Visual Studio
  • Extensión de estado de Visual Studio Team Services para Visual Studio Code

ingrese la descripción de la imagen aquí

Última actualización:

En mi caso, HTMLHint fue el culpable. Desactivé la extensión y volví a cargar el espacio de trabajo y ahora no veo más líneas verdes onduladas.

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Vaya a Archivo -> Preferencias -> Configuración

Abra el panel html y verifique esta línea:

 // Configures if the built-in HTML language support suggests Angular V1 tags and properties. "html.suggest.angular1": true,

debería ser false .

over 4 years ago · Santiago Trujillo Denunciar

0

Logré deshacerme de las anotaciones agregando un archivo .htmlhintrc a la ruta raíz en mi proyecto y agregando los siguientes valores:

{ "attr-minúsculas": false, "doctype-first": false }

over 4 years ago · Santiago Trujillo Denunciar

0

Esto proviene de TSLint/Codelyzer, que es específico del proyecto en sí. Desafortunadamente, aunque TSLint admite banderas de reglas en el código para deshabilitar reglas para líneas específicas, no hay soporte para esto en archivos HTML. podría editar esta regla en tsconfig.json, pero una solución más elegante podría ser ir a Archivo > Configuración > Preferencias, seleccionar la sección TSLint y agregar el glob *.html a `"tslint.exclude".

EDITAR: Recuperado por solicitud de @echonax, pero lo eliminé en primer lugar porque creo que su respuesta es la correcta. Lo dejaré aquí de todos modos.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda