2016-07-23 2 views
2

Я разрабатываю плагин AngularJS для wordpress. Я просто не вижу Угловая работа в Wordpress. Я ошибаюсь или есть какой-то конкретный способ интеграции Angular в Wordpress. Я ввернул все необходимые файлы Angule правильно и, поскольку это не тренировалось, я тогда выставил нормальный JS-файл, чтобы убедиться, что я не делаю ничего плохого. Даже Angular не работал, работал мой обычный JS-файл. Пожалуйста, объясните мне.Is AngularJS работает в Wordpress Plugin


Добавление моего кода

плагин файл Епдиеих скриптов

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

+0

Нет причин он не должен работать. Я добавил множество угловых приложений в wordpress. – charlietfl

+0

В плагин Wordpress ??? –

+0

Да. Без лишних подробностей об ошибках или конфликтах никто не может вам очень помочь – charlietfl

ответ

0

Существует немного другой подход, как вы можете интегрировать AngularJS передний конец с WordPress фоновым через WP JSON API плагина. 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/