是AngularJS在Wordpress插件中工作

Question

我正在开发一个用于wordpress的AngularJS插件。我只是看不到在Wordpress中使用Angular。我错了，还是有任何具体的方法来整合Angular到Wordpress。我正确地入选了所有必需的Angular文件，因为它没有锻炼，于是我将一个普通的JS文件排入队伍，以确保我没有做错任何事情。即使Angular没有工作，我正常的JS文件工作。请给我一个解释。

---

添加我的代码

插件文件排队脚本

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文件

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"); 
     }; 

    }]); 

前端标记PHP文件

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

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

</div> 

---

非常感谢你们所有人提前。

最好的问候， Nimantha佩雷拉

Answer 1

有一点点不同的方法，您可以如何集成AngularJS通过WP JSON API插件WordPress的后端前端。 http://studioraygun.co.uk/blog/web-development/angularjs-front-end-wordpress-back-end/

但是，似乎您正在使用这种方法激活WP-API插件并直接排入脚本。

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/