Angular for WordPress

Angular for WordPress | Auban le Grelle | No label temporarily

Description

WP-NG is a plugin to automatic bootstrap angular application. Activate module by admin page and use directly directive.

Features

  • New Compatibility with Elementor plugin (https://wordpress.org/plugins/elementor)
  • New create routed page for ui-router with admin page option in page attributes
  • New add script tab options with WebFont, objectFitImages, AOS, AOT, animsition, scrollify.
  • New custom cdn url jquery and angular.
  • New Support Rollbar logging (https://rollbar.com)
  • New Shortcodes for galleries, form, map, social, …
  • New angular modules
  • New built-in directive, decorator form directive
  • Automatic bootstrapper angular application.
  • Activate modules by settings page like wordpress plugins page.
  • Collection of default modules registered (example: ngRessource, ngRoute, ngAnimate, ui.bootstrap, mm.foundation, …).
  • Register your module with standard function “wp_enqueue_script”. Add prefix ‘wp-ng_’ to handle and add dependencie of ‘wp-ng’.
  • Register your module with filter “wp_ng_register_ng_modules”.
  • Combine script in queue for “wp-ng_” handle prefix.
  • Combine style in queue for “wp-ng_” handle prefix.
  • Compatibility module ngResource with wp rest api. For this feature there is a angular module “wpNgRest”.

Brief Doc API

Automatic bootstrapper angular application with combine script and style in cache.
The cache file is create in /uploads/wp-ng/cache/.
The angular modules is include only if the handle start with prefix ‘wp-ng_’ and the dependencie egal ‘wp-ng’.
The combine js and css include all script and style started with prefix ‘wp-ng_’.
The process to combine all style change all relative url to absolute url.

More Info view the github: https://github.com/RedCastor/wp-ng

Default Registered modules script

List of handle available

  • wp-ng_ngRoute
  • wp-ng_ngSanitize
  • wp-ng_ngAnimate
  • wp-ng_ngResource
  • wp-ng_ngCookies
  • wp-ng_ngMessages
  • wp-ng_ngTouch
  • wp-ng_ui.bootstrap
  • wp-ng_mm.foundation
  • wp-ng_ui.router
  • wp-ng_pascalprecht.translate
  • wp-ng_offClick
  • wp-ng_nya.bootstrap.select
  • wp-ng_oi.select
  • wp-ng_ngDialog
  • wp-ng_smoothScroll
  • wp-ng_ngTinyScrollbar
  • wp-ng_ngScrollbars
  • wp-ng_slick
  • wp-ng_slickCarousel
  • wp-ng_angular-owl-carousel-2
  • wp-ng_ngMagnify
  • wp-ng_infinite-scroll
  • wp-ng_ui-leaflet
  • wp-ng_wpNgRest
  • wp-ng_nemLogging
  • wp-ng_duScroll
  • wp-ng_pageslide-directive
  • wp-ng_ui.mask
  • wp-ng_ui.validate
  • wp-ng_trTrustpass
  • wp-ng_ui.grid
  • wp-ng_ui.select
  • wp-ng_ui.swiper
  • wp-ng_ngAntimoderate
  • wp-ng_ngGeonames
  • wp-ng_socialLinks
  • wp-ng_720kb.socialshare
  • wp-ng_720kb.tooltips
  • wp-ng_angular-translate-loader-static-files
  • wp-ng_bootstrap
  • wp-ng_foundation
  • wp-ng_angular-loading-bar
  • wp-ng_angular-svg-round-progressbar
  • wp-ng_angularjs-gauge
  • wp-ng_ngStorage
  • wp-ng_xeditable
  • wp-ng_ngTagsInput
  • wp-ng_oc.lazyLoad
  • wp-ng_angularLazyImg
  • wp-ng_breakpointApp
  • wp-ng_bs.screenSize
  • wp-ng_ng.deviceDetector
  • wp-ng_angularProgressbar
  • wp-ng_hl.sticky
  • wp-ng_focus-if
  • wp-ng_LiveSearch
  • wp-ng_satellizer
  • wp-ng_angular-img-cropper
  • wp-ng_rcDialog
  • wp-ng_rcMedia
  • wp-ng_rcGallery
  • wp-ng_rcGalleria
  • wp-ng_webicon
  • wp-ng_rcRollbar
  • wp-ng_jtt_aping
  • wp-ng_jtt_aping_instagram
  • wp-ng_jtt_aping_facebook
  • wp-ng_jtt_aping_codebird
  • wp-ng_jtt_aping_flickr
  • wp-ng_jtt_aping_tumblr
  • wp-ng_jtt_aping_wikipedia
  • wp-ng_jtt_aping_dailymotion
  • wp-ng_jtt_aping_vimeo
  • wp-ng_jtt_aping_youtube
  • wp-ng_jtt_aping_openweathermap
  • wp-ng_vButton
  • wp-ng_vAccordion
  • wp-ng_vModal
  • wp-ng_vTabs
  • wp-ng_vTextfield
  • wp-ng_ng-sweet-alert
  • wp-ng_angular.backtop
  • wp-ng_ngLocationSearch
  • wp-ng_bgf.paginateAnything
  • wp-ng_angularGrid
  • wp-ng_ngImageDimensions
  • wp-ng_angular-gridster2
  • wp-ng_angular-nicescroll
  • wp-ng_duParallax
  • wp-ng_dragularModule
  • wp-ng_ng-slide-down
  • wp-ng_angular.vertilize
  • wp-ng_ngScrollSpy
  • wp-ng_angular-flatpickr
  • wp-ng_ngRateIt
  • wp-ng_snapscroll
  • wp-ng_swipe
  • wp-ng_ismobile
  • wp-ng_angular-inview

Default Registered modules styles

List of handle available

  • wp-ng_ngAnimate
  • wp-ng_bootstrap
  • wp-ng_foundation
  • wp-ng_foundation-flex
  • wp-ng_font-awesome
  • wp-ng_nya.bootstrap.select
  • wp-ng_oi.select
  • wp-ng_ngDialog
  • wp-ng_ngTinyScrollbar
  • wp-ng_ngScrollbars
  • wp-ng_slick
  • wp-ng_slick-theme
  • wp-ng_slickCarousel
  • wp-ng_slickCarouselTheme
  • wp-ng_angular-owl-carousel-2
  • wp-ng_ngMagnify
  • wp-ng_ui-leaflet
  • wp-ng_trTrustpass
  • wp-ng_ui.grid
  • wp-ng_ui.select
  • wp-ng_ui.swiper
  • wp-ng_angular-loading-bar
  • wp-ng_xeditable
  • wp-ng_ngTagsInput
  • wp-ng_pageslide-directive
  • wp-ng_hl.sticky
  • wp-ng_LiveSearch
  • wp-ng_rcMedia-dialog
  • wp-ng_rcMedia-select
  • wp-ng_rcMedia-zf
  • wp-ng_valitycss
  • wp-ng_vButton
  • wp-ng_vAccordion
  • wp-ng_vModal
  • wp-ng_vTabs
  • wp-ng_vTextfield
  • wp-ng_ng-sweet-alert
  • wp-ng_angular.backtop
  • wp-ng_angular-gridster2
  • wp-ng_720kb.tooltips

Hook Filters

List of hook available

  • wp_ng_exclude_handles_module
  • wp_ng_register_ng_modules
  • wp_ng_%module-name%_config
  • wp_ng_app_env
  • wp_ng_app_config
  • wp_ng_app_element
  • wp_ng_settings_fields
  • wp_ng_get_option
  • wp_ng_get_options
  • wp_ng_get_active_modules
  • wp_ng_get_module_options
  • wp_ng_get_module_option
  • wp_ng_register_external_modules
  • wp_ng_json_encode
  • wp_ng_json_decode
  • wp_ng_json_encode_shortcode
  • wp_ng_get_language
  • wp_ng_current_language
  • wp_ng_apply_translation
  • wp_ng_create_onetime_nonce
  • wp_ng_verify_onetime_nonce

Hook Actions

  • wp_ng_invalidate_onetime_nonce

Installation

  1. Upload the plugin files to the /wp-content/plugins/wp-ng directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->WP NG screen to configure the plugin

Plugin author

Auban le Grelle

Plugin official website address

https://wordpress.org/plugins/wp-ng/
If you encounter problems in using the Angular for WordPress plugin, you can comment below, and I will try my best to help you solve the problem

Leave a Comment

Your email address will not be published.