javascript - AngularJS 在 Wordpress 插件中工作吗

Question

我正在为 wordpress 开发一个 AngularJS 插件。我只是看不到 Angular 在 Wordpress 中工作。我错了还是有任何特定的方式将 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'));

插件.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>

---

非常感谢大家。

最好的问候，尼曼莎佩雷拉

Answer 1

通过 WP JSON API 插件将 AngularJS 前端与 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/