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>
在日志中,它会抓取数据库中的链接,这是浏览器控制台的屏幕截图。
在浏览器中查看:
这是预期的输出,但是对于类似的代码,它没有在部分代码中显示我的代码中的推文列表。
==================================
现在我在我的角度应用程序中粘贴了相同的代码,但仍然没有得到所需的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>