是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/