AngularJS正在Wordpress插件中工作

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

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 Perera