Ist AngularJS Arbeiten in Wordpress Plugin

Question

Ich entwickle ein AngularJS Plugin für WordPress. Ich kann Angular in Wordpress einfach nicht sehen. Bin ich falsch oder gibt es eine spezielle Art, Angular in Wordpress zu integrieren? Ich habe alle benötigten Angular-Dateien korrekt eingereiht, und da es nicht funktioniert hat, habe ich dann eine normale JS-Datei eingereiht, um sicherzustellen, dass ich nichts falsch mache. Selbst Angular hat nicht funktioniert, meine normale JS-Datei hat funktioniert. Bitte geben Sie mir eine Erklärung.

---

Hinzufügen von meinem Code

Plugin-Datei enqueue Skripte

wp_enqueue_script('angular', plugins_url('/libraries/angular_material/node_modules/angular/angular.js', __FILE__), array('')); 

wp_enqueue_script('plugin-scripts', plugins_url('/js/plugin.js', __FILE__), array('angular')); 

plugin.js Datei

var my_app = angular.module('myApp', ['ngMaterial', 'ngMessages', 'angular-loading-bar', 'ngAnimate']); 

my_app.controller('myCtrl', ["$scope", "$http", "$window", "$mdDialog", function ($scope, $http, $window, $mdDialog) { 

     $scope.test = function() { 
      alert("OK"); 
     }; 

    }]); 

Frontend Markup PHP-Datei

<div class="layout_parent" ng-app="myApp" ng-controller="myCtrl"> 

<button ng-click="test();" class="btn btn-success">Submit</button> 

</div> 

---

Vielen Dank Ihnen allen im Voraus.

Mit besten Grüßen, Nimantha Perera

Answer 1

Es ist ein wenig anders Ansatz, wie Sie AngularJS Front-End mit Wordpress-Backend über WP JSON API Plugin integrieren können.

Es scheint jedoch, dass Sie diesen Ansatz der Aktivierung des WP-API-Plugins und Enqueuing das Skript direkt verwenden.

wp_enqueue_script('my_script', 'path/to/my/script', array('wp-api')); 

https://developer.wordpress.org/rest-api/using-the-rest-api/backbone-javascript-client/