如何将AngularJS视图与Wordpress集成？_Angularjs_Wordpress

如何将AngularJS视图与Wordpress集成？

angularjs wordpress

如何将AngularJS视图与Wordpress集成？,angularjs,wordpress,Angularjs,Wordpress,我正在用AngularJS和WordPress做一些测试，但我似乎不知道如何让ng视图与WP一起工作。我对WP/php的了解非常有限，在尝试做我想做的事情之前（我计划在解决这个问题后再做），我可能应该做更多关于这些的教程 “我的主题”中没有文件夹。这是我的密码： header.php <!DOCTYPE html> <html <?php language_attributes(); ?> ng-app="myTestApp"> <head>

我正在用AngularJS和WordPress做一些测试，但我似乎不知道如何让ng视图与WP一起工作。我对WP/php的了解非常有限，在尝试做我想做的事情之前（我计划在解决这个问题后再做），我可能应该做更多关于这些的教程

“我的主题”中没有文件夹。这是我的密码：

header.php

<!DOCTYPE html>
<html <?php language_attributes(); ?> ng-app="myTestApp">
    <head>
        <title>My Test Theme</title>
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
        <?php wp_head(); ?>
    </head>
    <body>
    <p>header</p>

functions.php

    <?php 
function my_test_theme_enqueue_scripts() {
  // enqueue jQuery and AngularJS
  wp_register_script('angular-core', 'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js', array(), null, false);
  wp_enqueue_script('angular-route', '//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js', array('angular-core'), null, false);
  wp_register_script('angular-app', get_bloginfo('template_directory').'/app.js', array('angular-core'), null, false);

  // enqueue all scripts
  wp_enqueue_script('angular-core');
  wp_enqueue_script('angular-route');
  wp_enqueue_script('angular-app');
  wp_enqueue_script('angular-directives');
}
add_action('wp_enqueue_scripts', 'my_test_theme_enqueue_scripts');
?>

我认为问题在于functions.php。谢谢

我认为您的问题取决于php文件，因为php文件在服务器端生成html。由于Angularjs是一个客户端框架，您无法让它为您工作。

这并不能真正回答问题。请澄清php中没有任何东西阻止您将Angularjs集成到使用php生成的页面。抱歉，我没有经验知道控制台中有什么错误？

<p>footer</p>
<?php wp_footer(); ?>        
</body>
</html>

    var myTestApp = angular.module('myTestApp', ['ngRoute']);

myTestApp.config(function($routeProvider){
  $routeProvider
    .when('home', {
      templateUrl: 'home.php',
      controller: 'homeController'
    })
    .when('my_page', {
      templateUrl: 'my_page.php',
      controller: 'koncertyController'
    });
});

myTestApp.controller('homeController', function($scope){
});

myTestApp.controller('my_pageController', function($scope){
});

    <?php 
function my_test_theme_enqueue_scripts() {
  // enqueue jQuery and AngularJS
  wp_register_script('angular-core', 'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js', array(), null, false);
  wp_enqueue_script('angular-route', '//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js', array('angular-core'), null, false);
  wp_register_script('angular-app', get_bloginfo('template_directory').'/app.js', array('angular-core'), null, false);

  // enqueue all scripts
  wp_enqueue_script('angular-core');
  wp_enqueue_script('angular-route');
  wp_enqueue_script('angular-app');
  wp_enqueue_script('angular-directives');
}
add_action('wp_enqueue_scripts', 'my_test_theme_enqueue_scripts');
?>