Requisitos:
Necesitamos poder enrutar a una página HTML estática en angular. Aquí necesitamos resolver el problema de los permisos en el enrutamiento.
Solución:
1 Recordemos primero cómo introducimos otra página HTML en un HTML en formato nativo.
(1) Utilice el método de carga de jQuery
load (url, [datos], [devolución de llamada])
url: se refiere a la dirección del archivo que se va a importar
datos: parámetro opcional; porque Load no solo puede importar archivos html estáticos, sino también scripts dinámicos, como archivos PHP, por lo que necesita Al importar un archivo dinámico, podemos colocar los parámetros que se pasarán aquí
callback: parámetro opcional; se refiere a otra función que se ejecuta después de llamar al método de carga y obtener una respuesta del servidor.
Ejemplo:
1 $("# myID") .load("test.php"); //Resultado 2
después de importar test.php al elemento con ID #myID $ ("#myID").load("test.php",{"name" :
"Adam"});
//El archivo php importado contiene un parámetro de paso, similar a: test.php?name=Adam
3 $("#myID").load("test.php",{"name" : " Adam", "site": "61dh.com"});
Cargue un archivo php que contenga múltiples parámetros pasados. Nota: Los parámetros están separados por comas. El archivo php importado contiene un parámetro de paso, similar a: test.php?name=Adam&site=61dh.com
4 $("#myID").load("test.php",{ ' myinfo[]', ["Adam", "61dh.com"]});
//El archivo php importado contiene un parámetro de paso de matriz.
(2) $.html() $.append()
(3) Utilice iframe, que no se presentará aquí, todo el mundo lo sabe
(4) Utilice objeto
(5) Método javascript nativo
i: insertAdjacentHTML Este método no ejecutará el script
ii :document.write() cubre completamente
iii:innerHTML y puede ser preciso en el elemento, pero no ejecutará el script
iv:document.createDocumentFragment(); operación de fragmentación de documentos, que no se presentará en detalle aquí.
Luego agregue el uso en angular, use la etiqueta a en angular y use target="xxxxx" para enrutar