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