5

Wordpress-Application の AngularJS 関数に問題があります。私が作成したいのはSPAです。これにより、Webサイト(ブログではなく、WPをCMSとして使用しているだけです)が流暢に機能し、携帯電話でリロードする必要がなくなります。この目標を達成するために、Wordpress に AngularJS を含めることにしました (これが最善の解決策ではない場合は、教えてください:))。AJSの「ビュー」のトピックを説明するチュートリアルを作成した後、別のhtmlドキュメントで自分でやろうとしたところ、うまくいきました。

だから私の問題は、私のSPAが3つの列に分かれているという要約です。左の列は一種の静的 (基本的な情報のみ) で、2 番目の列には常に WP 経由の最新のコンテンツがあり (これもうまく機能します)、右の列は「最新のコンテンツ」のリンクの 1 つをクリックしてコンテンツを変更する必要があります。 . ここまで私の考えを理解していますか?:) したがって、ご想像のとおり、実際には機能したくありません。

<?php get_header();?> <!-- Header + AngularJS included -->



<div class="content"> <!-- open class="content"-->
<a href="/?page_id=6">

</a>
<div class="bg-texture"> <!--open class "bg-texture/ closed in "footer"-->
    <?php while(have_posts()):the_post();?>
    <div class="col">


    <?php if (in_category('infotext')):?>
     <div class="infotext"> 




    <?php elseif (in_category('apps')):?>                
       <div class="round-borders-panel">  

   <?php elseif (in_category('righttext')):?> <!-- hier kommen die single-pages rein-->
            <?php if(function_exists('get_twoclick_buttons')) {get_twoclick_buttons(get_the_ID());}?>
        <?php endif;?>    


            <h1>
                <a href="<?php the_permalink()?>"> <?php the_title();?> </a>
            </h1>

        <?php the_content(__(''));?>
       </div>
     </div>

                <?php endwhile;?>

<?php get_the_ID('');?>


        <script src="angular.min.js"></script>

        <div data-ng-view></div>
     <script>
    var cloud = angular.module("cloud", []);

    demoApp.config(function ($routeProvider) {
    $routeProvider
            .when('/?=p<?php get_the_ID();?>,
                    {
                            controller: 'SimpleController',
                            templateUrl: '<?php get_template_part('single','');?>'
                    })
            .when('/view2',
                    {
                            controller: 'SimpleController',
                            templateUrl: 'Partials/view2.html'
                    })
            .when('/view3',
                    {
                            controller: 'SimpleController',
                            templateUrl: 'Partials/view3.html'
                    })
            .otherwise({redirectTo: '/view1'});
    });


    </script>
<!-- Loop-->

</div> <!-- Close <class="bg-texture-->

-->

確かに、今はうまくいきません。この問題を解決するのを手伝っていただければ幸いです。ところで、私は約 5 週間前にプログラミングを始めました。:)

こんにちは、ヤニック:)

4

1 に答える 1