Cómo migrar páginas desarrolladas con AngularJS a miniprogramas WeChat
Migración de directorio
1. Reemplace cada página de submódulo con un subdirectorio en el directorio de Páginas, y el directorio recibirá el nombre atómico. nombre del módulo.
2. Resulta que los recursos estáticos generales como css, imágenes y fuentes se mueven al directorio de recursos cuando sea necesario. Para archivos de estilo css, primero introdúzcalos mediante el comando de importación al principio. el archivo wxss del submódulo correspondiente
Reglas de reemplazo
1.div debe convertirse uniformemente a Vista
2. convertido a wx: si
3. ng-click se convierte uniformemente a bindtap
4. >5. Los estilos en ng-class se pueden vincular selectivamente Incrustados directamente en el atributo de clase
código js
Migración de código a nivel de módulo: lógica común utilizada a nivel de módulo; El alcance se puede mover a la aplicación. js, al que se hace referencia a través del objeto de la aplicación; o define un módulo de utilidad para la introducción dinámica de eventos personalizados que interactúan con nativo y h5 y deben procesarse de acuerdo con escenarios específicos.
Migración de código a nivel de submódulo:
El código del submódulo Angular se puede migrar directamente al objeto Página correspondiente al subprograma. Por supuesto, por $*** eso. opera la sintaxis única de Angular. Los objetos (por ejemplo, $scope, $rootscope) deben reemplazarse globalmente. Los principios de reemplazo son:
1.$scope: igual que el objeto Page. Alcance: $ alcance con el mismo ciclo de vida que el objeto Página se puede reemplazar directamente con esto para aquellos con diferentes ciclos de vida (los más comunes son las devoluciones de llamada de varias funciones de devolución de llamada), debe guardar la referencia al objeto Página; fuera del método (por ejemplo, var self = this) y luego se usa en la función de devolución de llamada.
2. $rootScope: se recomienda colocarlo en la referencia del objeto de la aplicación, o personalizar el módulo común y luego introducirlo dinámicamente
3. establecido en la página, colóquelo directamente en el archivo ***.json. Si ASP.NET está involucrado, debe colocarlo en el archivo ***.json. En el archivo json, si se trata de operaciones de sintaxis específicas de Angular, puede consultar los dos puntos anteriores para reemplazarlo;
4. Solicitud jsonp: reemplace la solicitud jsonp con la solicitud wx.request de manera uniforme, simplemente reemplace la solicitud. la escritura en cadena original se reemplaza por escritura basada en parámetros;
5. Para saltos de página entre submódulos, $state.go se reemplaza uniformemente por wx.navigateTo o wx.navigateBack
< p; >6. Salto de página, $state.go se reemplaza por wx.navigateTo o wx.navigateBack.