javascript - ng-重复 : Dynamically generate anchor tag and corresponding HTML page for object

Question

当前，我正在重复数组中的数百个项目，如下所示:

<div ng-repeat="item in items | orderby:-Date">
   <h3>{{post.Title}}</h3>
   <h4>{{post.Company}}</h4>
   <p>{{post.Description}}</p>
</div>

它从这样的对象获取数据:

$scope.items = [
    {
        "ID" : "1",
        "Title" : "A"
        "Company" : "Company A",
        "Date" : "2016-06-22",
        "Description" : "..."
   },{
        "ID" : "2",
        "Title" : "B"
        "Company" : "Company B",
        "Date" : "2016-06-23",
        "Description" : "..."
    },{
        "ID" : "3",
        "Title" : "C"
        "Company" : "Company C",
        "Date" : "2016-06-21",
        "Description" : "..."
    }
]

我想做的是为上述每个内容生成一个唯一的链接，如 .../items/1.html/.../items/2 中所示。 html 基于它们的 ID 并在该页面上生成一个 html 结构，该结构与 ng-repeat div 的结构相同，但显然没有重复。

这在 javascript/angularJS 中可行吗？还是我需要考虑使用 mySQL 为每个 ID 创建数据库条目？

Answer 1

我不确定，但据我所知，你不能使用 angularjs 创建 html 文件，但如果你想显示具有相同 html 模板的 html 页面，你可以使用 states 来使用它。

.state('post',{
  url : '/post',
  abstract : true,
  templateUrl : 'some.html'
})
.state('post.id',{
 url : '/{id}',
 templateUrl : 'someHtml.html',
 controller : 'PostController'
});

在 Controller 中，您可以获得 id

app.controller('PostController',function($scope,$stateParams){
  $scope.id = $stateParams.id;
});

您可以将帖子称为

<a href="/post/{{item.id}}">View Post</a>

这将进入状态 /post/1 等等，具体取决于 json 中的 id。使用 Controller ，您可以显示该特定帖子的 html，而无需创建物理 html 页面。