javascript - AngularJS 在 Wordpress 插件中工作吗

标签 javascript php angularjs wordpress plugins

我正在为 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>

非常感谢大家。

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

最佳答案

通过 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/

关于javascript - AngularJS 在 Wordpress 插件中工作吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38542780/

相关文章:

php - 如何使用php在同一个表中列出两个不同产品的详细信息

javascript - 用一个json数组的变量指向右键

php - "Centering"mysql 结果

javascript - UI Angular 模态 Controller $scope值处理错误

javascript - 未找到元素

javascript - 如何使用 Canvas 和 Kinetic.js 裁剪图像

javascript - 如何使用自定义 Angular Directive(指令)包含子元素?

javascript - PHP-Javascript 交互

php - 链接不适用于 jquery

php - 具有竞争力的价格的网络爬虫