Jekyll / Github頁面博客中的Angular-博客文章路由

Question

我正在嘗試將Angular合並到我的Jekyll / Github Pages博客中。 到目前為止，我已經能夠設置基本頁面（“關於”，“項目”和帖子列表），但是每個帖子的鏈接都路由到非角度頁面。 我知道我尚未設置路由，但部分正確，但是調試時遇到了麻煩。 有什么建議么？ 這是我的代碼：

app.js：

'use strict';
var app = angular.module('myBlog', [
  'ngRoute',
  'ngResource',
  'blogService',
  'postService'
]);

app.config(function($routeProvider) {
  $routeProvider
    .when('/index', {
      templateUrl: 'blog_overview.html',
      controller: 'IndexCtrl'})
    .when('/posts', {
      templateUrl: 'blog_posts.html',
      controller: 'BlogPostCtrl'})
    .when('/posts/:link/', {
      templateUrl: 'blog_post.html',
      controller: 'BlogPostCtrl'})
    .otherwise({redirectTo: '/index'});
})
.run();

controllers.js：

app.controller('BlogPostCtrl', ['$scope', '$resource', '$routeParams', 'Posts',
  function($scope, $resource, $routeParams, Posts){
    // $scope.templateUrl = ???
    Posts.getPosts(function(data){
      $scope.posts = data;
    })
}])

指令.js：

'use strict';

angular.module('myBlog.directives', [])
.directive('markdown', function($http){
  var converter = new Showdown.converter();
  return{
    restrict: 'A',
    scope: { link:'@' },
    link: function(scope, element, attrs){
      attrs.$observe('link', function(link){
        $http.get('/posts/' + link).success(function(response){
          var htmlText = converter.makeHtml(response);
          element.html(htmlText);
        });
      });
    }
  };
});

來自blog_post.json的樣本

[
  {
    "title": "first post",
    "slug": "2014-06-25-first-post",
    "file": "app/js/posts/2014-06-25-first-post.md",
    "tags": [
      {"title" : "career"}
    ]
  }]

blog_posts.html部分：

<div ng-controller="BlogPostCtrl">Posts</div>
<div ng-repeat="post in posts">
  <h2><a href="{{post.file}}">{{post.title}}</a></h2>
  <div markdown link=""></div>
</div>

blog_post.html部分：

<div ng-controller="BlogPostCtrl">Posts</div>
<div ng-repeat="post in posts">
  <p>{{post.file}}</p>
  <div markdown link=""></div>
</div>

Answer 1

看來您正在嘗試重新發明輪子。 將降價解析委派給客戶端會適得其反。

Jekyll嘗試刪除服務器端的所有不必要的工作，以使站點輕巧並注重性能。

我知道您的工作可以證明是一種概念，但是我真的不明白為什么您要嘗試這種方式，因為我認為提供靜態頁面比生成客戶端要有效得多。