में AngularJS दृश्य मुझे मेरे वर्डप्रेस-एप्लिकेशन में मेरे AngularJS फ़ंक्शन के साथ कोई समस्या है। मैं जो बनाना चाहता हूं वह एक एसपीए है, ताकि वेबसाइट (यह एक ब्लॉग नहीं है, मैं सिर्फ सीएमएस के रूप में WP का उपयोग कर रहा हूं) तेजी से काम कर रहा है और मोबाइल फोन पर पुनः लोड किए बिना काम कर रहा है। इस लक्ष्य को प्राप्त करने के लिए, मैंने वर्डप्रेस में एंगुलरजेएस को शामिल करने का निर्णय लिया (यदि यह सबसे अच्छा समाधान नहीं है, तो कृपया मुझे बताएं :))। मैंने कुछ ट्यूटोरियल किए जो मुझे एजेएस में "विचार" के विषय के बारे में समझाते हैं, मैंने इसे स्वयं को एक अलग HTML दस्तावेज़ में करने की कोशिश की और यह बहुत अच्छा काम किया।वर्डप्रेस
तो मेरी समस्या समेकित है, कि मेरा एसपीए 3 कॉलम में बांटा गया है। बायां एक प्रकार का स्थैतिक (केवल बुनियादी सूचनाएं) है, दूसरे के पास हमेशा WP (जो बहुत अच्छा काम करता है) के माध्यम से नवीनतम सामग्री है और दाएं कोलम को "नवीनतम सामग्री" के लिंक में से किसी एक पर क्लिक करके अपनी सामग्री बदलनी चाहिए। । क्या आप यहां तक मेरा विचार समझते हैं? :) तो, जैसा कि आप अनुमान लगा सकते हैं - यह वास्तव में काम नहीं करना चाहता है।
<?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 हफ्ते पहले प्रोग्रामिंग शुरू की - तो कुछ नौसिखिया के कुछ वाकई बेवकूफ हो सकते हैं! :)
नमस्ते, Yannic :)
इसे देखें: https://github.com/HRoger/angularpresstheme - यह थीम वर्डप्रेस को एकल पृष्ठ एप्लिकेशन में बदल देगी। यहां एक डेमो संस्करण भी है: http://angularpresstheme.com – RoyRogers