1

簡単に説明します。Meteor用のMeteor_angularjsパッケージを使用せずに、Meteor+ BladeでAngularJsを使用しています。ブレードはサーバーでページの本文を作成し、クライアントでAngularを手動でブートストラップします。

BladeにはテンプレートファイルがありTemplate['template_name']、クライアントで簡単にレンダリングできます。私は次のようなことをしたいと思います：

div(ng-include='content.blade')
// HTML => <div ng-include='content.blade'></div>

そしてどういうわけかそれを機能させます。
互換性を維持し、新しいディレクティブを作成しないために、Angularが静的テンプレートに対して行うXHRリクエストをインターセプトし、条件を追加することが可能であると考えました。

if(URI ends with '.blade') then
    name <- strip '.blade' in URI
    return Template[name]()

そのテンプレートのコンパイル済みHTMLを返す必要があります。

更新：
偶然にも$ templateCacheに遭遇しましたが、今ではそれが道だと思います。
流星と角度の統合に使用する「ngMeteor」モジュールを作成しました。

angular.module 'ngMeteor',[], ->
  throw 'Meteor object undefined.' unless Meteor? # Is it fine to put here?

angular.module('ngMeteor.blade',['ngMeteor']).
  run ($templateCache) ->
    $templateCache.put "#{name}.blade", render() for own name, render of Template

私のアプリでは：

angular.element(document).ready ->
  angular.bootstrap document, ['app']

app = angular.module 'app', ['ngMeteor.blade'], ->
app.controller 'mainCtrl', ($scope,$templateCache) ->
  $scope.content = $templateCache.get "content.blade" # Works!!

ブレード（body.blade）：

#main(ng-controller='mainCtrl') {{ content }}

これで機能します。$templateCacheを挿入し、その名前でテンプレートを取得した後、コントローラーからレンダリングされたテンプレートを取得できますが、ng-includeそれでも機能しません。

4

1 に答える 1

0

質問の私の以前の更新は実際には正解でした、ngIncludeは私のために機能しませんでしたdiv(ng-include="'content.blade'")...はい、内側の引用符！それは私がその問題を抱えているN回目のようです。
履歴書での答えは次のとおりです。

angular.module('blade').
  run ($templateCache) ->
    $templateCache.put "#{name}.blade", render() for own name, render of Template

テンプレートは、ブレードがレンダリングの準備ができたテンプレートを格納する流星グローバル変数です。次に、$ templateCacheを使用して、レンダリングされたテンプレートに対応する名前/ IDを配置し、Angularがそれらを使用できるようにします。
編集：この質問に基づいて、流星のブレースレス角度開発用の流星パッケージng-meteorを作成しました。

于 2013-02-05T17:27:26.793 に答える