无法使用平均堆栈在角度内显示推文

时间:2015-01-12 01:47:19

标签: angularjs twitter angular-ui-router mean-stack

fyi:请不要更新这个问题的英文,因为如果你这样做,我没有足够的积分来批准它,我将永远被困在那里。我保证一旦解决问题,我们就会提高英语水平。

使用angular ui.router,为此视图提供状态。

$stateProvider
    .state('tweets', { // */*/*/*/   new 
        url: '/tweets',
        templateUrl: '/tweets.html',
        controller: 'tweetCtrl'
    })

控制器

App.controller('tweetCtrl', ['$scope', '$http',
    function($scope, $http) {

        $scope.tweetArr; 

        get_tweets = function(id) {
            console.log('  === callign get tweets');
            // o.trends.length = 0
            console.log(' ~~~~~~~~~ calling  tweets with id  line  94 ~~~~~~~~~~~~  id= ', id);
            return $http.get('/tweets/' + id).success(function(record) {
                console.log(' >>>>>> tweets 95 = ', record.tweetArr);
                $scope.tweetArr = record.tweetArr; 
            });
        };
        get_tweets('GleePremiere'); 



    }
]);

Express4中的路由。

router.get('/tweets/:name', function (req, res, next) {

    Trend.findOne({ tName: '#GleePremiere' }, function(err, record) {
          if (err) {
            console.log(err);
            return next(err);
        }
        res.json(record);
    });

});

tweets.html

<div class="container">
    <h2>Tweet tweets.html</h2>

    <ul>
        <li ng-repeat="link in tweetArr">
            <blockquote class="twitter-tweet" lang="en">
                <a href={{link}} >Jan, 2015</a>
             </blockquote>  
        </li>
    </ul>

</div>

在index.html页面,即angular app的主视图中,我还加载了twitter所需的脚本来显示推文。

<script src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>    

在日志中,它会抓取数据库中的链接,这是浏览器控制台的屏幕截图。

enter image description here

在浏览器中查看:

enter image description here

这是预期的输出,但是对于类似的代码,它没有在部分代码中显示我的代码中的推文列表。

==================================

现在我在我的角度应用程序中粘贴了相同的代码,但仍然没有得到所需的outpu。

potatoNews.controller('tweetCtrl', ['$scope', '$http',
    function($scope, $http) {

$scope.tweets = ["https://twitter.com/23243F/status/553762212981252096", "https://twitter.com/23243F/status/553762208791154688", "https://twitter.com/23243F/status/553762208287821824", "https://twitter.com/23243F/status/553762206987616257", "https://twitter.com/23243F/status/553762204580052992", "https://twitter.com/23243F/status/553762201992192000", "https://twitter.com/23243F/status/553762199123296257", "https://twitter.com/23243F/status/553762189803143168", "https://twitter.com/23243F/status/553762189526315008", "https://twitter.com/23243F/status/553762189497360384"]


    }
]);

tweets.html

<h2>Tweet tweets.html</h2>

<div ng-app ng-controller="tweetCtrl">
    <ul>
        <hr>
        <li ng-repeat="country in tweets">
            <blockquote class="twitter-tweet" lang="en">{{country}} <a href=" {{country}}">January 9, 2015</a>

            </blockquote>
        </li>
    </ul>
</div>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

0 个答案:

没有答案