我有一个html页面，我试图使用ajax策略显示每个存档页面的第一篇文章（blue-articles.html，green-articles.html等）。
我是一名业余编码员，有人告诉我AngularJS可以成为前进的道路，因为它比jQuery快（但是您可能会发现其他策略更好，所以请告诉我）。
我从这个Index.html文件开始：
<!DOCTYPE html>
<html ng-app ="ColorApp">
<head>
<title>ColorApp</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
</head>
<body>
<div ng-controller="ColorController" class="blue-articles">
{{color}}
</div>
<script type="text/javascript">
var colorApp = angular.module('ColorApp', []);
colorApp.controller('ColorController', function ($scope,$http) {
$http({
url: '/blue-articles.html',
method: 'GET'
}).success(function (data, status, headers, config) {
$scope.color = data;
});
});
</script>
</body>
</html>
...然后我有了blue-articles.html：
<div class="blue first"><p>First Blue Article</p></div>
<div class="blue second"><p>Second Blue Article</p></div>
<!-- etc -->
So far I'm able to output all of the blue-articles.html page, but I only want to show the .first div.
我将对其他颜色进行同样的处理，以始终获取它们的第一篇文章，因此最终可以在Index.html上创建“每种颜色的第一篇文章”的列表。
我该怎么做，只选择某个CSS类/ div，而不选择整个HTML文档？
谢谢，
