前言介紹
- 這款 WordPress 外掛「Angular for WordPress」是 2016-11-04 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 40 個安裝啟用數。
- 上一次更新是 2019-03-12，距離現在已有 2244 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 3 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
內容簡介
WP-NG 是一個自動引導 Angular 應用程式的外掛。通過管理員頁面啟用模塊，直接使用指令。
功能
新的與 Elementor (https://wordpress.org/plugins/elementor) 插件相容性。
新創建 ui-router 的路由頁面，並在頁面屬性中提供管理員頁面選項。
新增腳本選項卡，包括 WebFont、objectFitImages、AOS、AOT、animsition、scrollify。
新的自定義 CDN URL jquery 和 angular。
新的支援 Rollbar 日誌記錄（https://rollbar.com）。
新的圖庫、表單、地圖、社交等短碼。
新的 Angular 模塊。
新的內置指令，裝飾器表單指令。
自動引導 Angular 應用程式。
通過設置頁面啟用模塊，就像 WordPress 插件頁面一樣。
收集已註冊的預設模塊（例如：ngRessource、ngRoute、ngAnimate、ui.bootstrap、mm.foundation等）。
使用標准功能’wp_enqueue_script'註冊您的模塊。添加前綴‘wp-ng-’以處理並添加依賴’wp-ng'。
使用篩選器’wp_ng_register_ng_modules'註冊您的模塊。
合併隊列中的腳本以處理前綴為’wp-ng-'。
合併隊列中的樣式以處理前綴為’wp-ng-'。
支援利用 wp rest api 的 ngResource 模塊。為此功能提供一個 Angular 模塊’wpNgRest'。
簡要文檔API
自動引導 Angular 應用程式，並在緩存中合併腳本和樣式。
緩存文件在 /uploads/wp-ng/cache/ 中創建。
當且仅當使用的處理程序以前綴‘wp-ng-'開始且依賴於‘wp-ng'時，才包括 Angular 模塊。
合併 js 和 css 會包含所有以前綴‘wp-ng-'開始的腳本和樣式。
將所有相對網址更改為絕對網址的過程是用於合併所有樣式。
詳細信息請訪問 Github: https://github.com/RedCastor/wp-ng
默認註冊的模塊腳本
可用的處理程序列表
wp-ng_ngRoute/li>
wp-ng_ngSanitize/li>
wp-ng_ngAnimate/li>
wp-ng_ngResource/li>
wp-ng_ngCookies/li>
wp-ng_ngMessages/li>
wp-ng_ngTouch/li>
wp-ng_ui.bootstrap/li>
wp-ng_mm.foundation/li>
wp-ng_ui.router/li>
wp-ng_pascalprecht.translate/li>
wp-ng_offClick/li>
wp-ng_nya.bootstrap.select/li>
wp-ng_oi.select/li>
wp-ng_ngDialog/li>
wp-ng_smoothScroll/li>
wp-ng_ngTinyScrollbar/li>
wp-ng_ngScrollbars/li>
wp-ng_slick/li>
wp-ng_slickCarousel/li>
wp-ng_angular-owl-carousel-2/li>
wp-ng_ngMagnify/li>
wp-ng_infinite-scroll/li>
wp-ng_ui-leaflet/li>
wp-ng_wpNgRest/li>
wp-ng_nemLogging/li>
wp-ng_duScroll/li>
wp-ng_pageslide-directive/li>
wp-ng_ui.mask/li>
wp-ng_ui.validate/li>
wp-ng_trTrustpass/li>
wp-ng_ui.grid/li>
wp-ng_ui.select/li>
wp-ng_ui.swiper/li>
wp-ng_ngAntimoderate/li>
wp-ng_ngGeonames/li>
wp-ng_socialLinks/li>
wp-ng_720kb.socialshare/li>
wp-ng_720kb.tooltips/li>
wp-ng_angular-translate-loader-static-files/li>
wp-ng_bootstrap/li>
wp-ng_foundation/li>
wp-ng_angular-loading-bar/li>
wp-ng_angular-svg-round-progressbar/li>
wp-ng_angularjs-gauge/li>
wp-ng_ngStorage/li>
wp-ng_xeditable/li>
wp-ng_ngTagsInput/li>
wp-ng_oc.lazyLoad/li>
wp-ng_angularLazyIm
原文外掛簡介
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
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Angular for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.4.0 | 1.5.0 | v1.0.2 | v1.2.13 |
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。