¿Puedo usar la plantilla HTML con Angular 2?

¡¡Hola!!

Puede convertir / reescribir fácilmente los temas o plantillas existentes de su sitio web (no angular) en la aplicación web progresiva utilizando Angular 2 [1] .

El mejor ejemplo es Hotstar: mira programas de televisión, películas y partidos de cricket en vivo en línea

El equipo de Hotstar recientemente actualizó su sitio web con un nuevo Angular . (use F12 en Windows para la opción de desarrollo y puede encontrar términos ‘ ng ‘ IE para angular).

Puedo sugerirle que divida estilos y contenido html y los reescriba de acuerdo con Angular documentación.

Y no se preocupe por los códigos JS porque TS (mecanografiado) puede tomar código JS nativo.

Sígueme para más preguntas. Estaré encantado de ayudarte.

¡¡Buena suerte!!

Notas al pie

[1] Angular

Por supuesto que sí. Puede crear su propia plantilla o convertirla en modelos personalizados que contengan elementos de plantilla html. Tienes que buscar más información:

Angular

Material angular (paquetes de GitHub)

Si está utilizando MS Tools (Asp.Net, VS, etc.), podría usar TypeScript: TypeScript – JavaScript que se escala.

Si no es dependiente de MS Tools Dart, ¡es muy flexible para escribir codificación de script! : Lenguaje de programación Dart

Buena suerte 🙂

Sí, puedes integrar fácilmente lo que ya tienes con Angular. Mi pregunta es ¿por qué surgió esto justo ahora, después de completar la plantilla y el front-end?

Esto es algo que debería haberse discutido durante el alcance inicial del proyecto. Asegúrese de tener en cuenta que agregar al alcance del proyecto una vez que se hayan acordado los requisitos iniciales extenderá el cronograma del proyecto. Asegúrese de que esta vez pregunte y haga que el cliente firme todos los requisitos antes de tocar el código.

Para aprender sobre Angular, sugiero que mire su documentación y revise algunos tutoriales simples. Ese debería ser un buen punto de partida para ti.

Si esto debería ser posible

Use el código a continuación mientras carga el componente para cargar su html requerido

templateUrl: ‘home / home.html’

debe hacer una solicitud http y cargar el html en su componente.

Para ver el código completo, eche un vistazo a

¿Cómo usar un archivo HTML como templete en angularjs 2?

Sí, puede usar la plantilla HTML como html en línea en el componente que está creando o toyboy simplemente tiene una plantilla HTML separada. Para un sitio web pequeño, el HTML en línea funciona, pero la mejor práctica es usar plantillas HTML separadas. No olvides especificar el selector para el componente donde quieres tenerlo.

Espero que la respuesta haya ayudado. 🙂

¿Por qué su cliente le pide que use ng2? Si no sabe cómo usarlo, o incluso si debería, entonces no debería. El uso de una tecnología “solo porque” es una buena manera de hacer que su proyecto se hinche y no se pueda mantener y no cumplir con los plazos.

Dicho esto, no debería tener problemas para usar su plantilla Bootstrap con ng2, pero debería soltar jQuery y reemplazarlo por angular (si así es como lo hace). Si aún no lo ha hecho, deberá crear una API en el back-end para obtener los datos en su aplicación.