Javascript 主干JS-如何基于PHP代码创建视图

我有一些PHP代码，我想实现到我的主干应用程序。我使用PHP框架Codeigniter作为后端，使用Restful API使这两个框架相互通信

因此，我的php代码如下所示：

<?php

require(APPPATH.'libraries/REST_Controller.php');

class social_feeds extends CI_Controller 
{

function instagram($artist_id , $user_name = '')
{
    if($user_name=='')
    {
        exit;//redirect('');
    }

    $user_search_data = $this->instagram_api->userSearch($user_name);

    if(isset($user_search_data->data)) 
    {
        if(count($user_search_data->data) != 0) 
        {
            $array_users = $user_search_data->data;
            foreach($array_users as $users)
            {
                if($users->username== $user_name )
                {
                    $user_recent_data = $this->instagram_api->getUserRecent($users->id);
                    //print_r($user_recent_data);
                    if(!isset($user_recent_data->meta->error_message))
                    {
                        if(is_array($user_recent_data->data))
                        {
                            $counter = 0;
                            foreach($user_recent_data->data as $feed_data)
                            {
                                //print_r($feed_data);

                                /*$image = array('src' => $feed_data->images->standard_resolution->url);
                                if(count($feed_data->tags) > 0)
                                {
                                    foreach($feed_data->tags as $tag)
                                    {
                                        echo $tag;
                                    } 
                                }*/


                                $array[$counter]['title']           = $feed_data->images->standard_resolution->url;
                                $array[$counter]['description']     = $feed_data->caption->text;
                                $array[$counter]['pubDate']         = $feed_data->caption->created_time;
                                $array[$counter]['link']            = $feed_data->link;
                                $array[$counter]['type']            = 'Instagram';
                                ++$counter;
                                if($counter==5)
                                {
                                //  break;
                                }

                                //print_r($array);

                            }
                            $result = json_encode($array);
                            echo $result;
                            exit;
                        }
                    }
                }
                else
                {
                    continue;
                }
            }
        }
    }

}
}

?>

在我的主要观点中，我进行提取：

var instagramCollection = new Instagram.InstagramCollection();
    instagramCollection.artist_id = this.artist_id;
    this.insertView('.artistSocialUpdates', new Instagram.View({collection: instagramCollection}));
    instagramCollection.fetch();        

然后我的HTML模板看起来像：

{{#each this}}
 <p>{{title}}</p>
 <p>{{description}}</p>
 <p>{{pubDate}}</p>
 <p>{{link}}</p>
{{/each}}

但显然这不起作用

---

有没有人可以给我一个提示，或者告诉我我可能会做什么，或者我做错了什么？

你没有提到你使用的模板引擎。您发布的模板看起来像把手，但您的视图代码没有显示您正在使用把手。@MatthewDaly哦，对不起！是的，我正在使用HandlebarsJS…我也看不到任何渲染功能。如果您还没有定义它，那么这可能就是问题所在。浏览器开发控制台是否显示了某种错误？@MatthewDaly我在一个附加的控制器中渲染我的视图，但我没有粘贴到这里。。。我的控制台没有显示任何错误，它实际上什么也没有显示：

{{#each this}}
 <p>{{title}}</p>
 <p>{{description}}</p>
 <p>{{pubDate}}</p>
 <p>{{link}}</p>
{{/each}}