Crafter CMSのインライン編集と角度2の統合方法は？

Question

私はthis blogのチュートリアルに従いましたが、Angular 2プロジェクトでCrafter CMSのインライン編集を有効にすることでさらに拡張できるかどうか疑問に思っていました。

<h1 <@studio.iceAttr iceGroup="author"/>>${title}</h1> 

をしかし、角度コンパイラは無効なHTMLであると主張している：私の最初の試みは、次のように角度成分のテンプレートでこのコード<@studio.iceAttr iceGroup="author"/>を含めることでした。私はフードの下でCrafterスタジオが上記のコードを実際のHTMLに変換することを理解しています。したがって、代わりに生成されたhtmlを角度コンポーネントのテンプレートに追加する必要があると思いますが、生成された値も同様です。 Crafter CMS内でAngle 2アプリのインライン編集を可能にする他の方法はありますか？

Answer 1

最初に、< @ studio.iceAttr iceGroup = "author" />はサーバー側タグです。角は間違いなくそれを認識しません。私はあなたがインラインCSSコンテンツを返すことができるシンプルなAPIに移行する必要があると思います。次に、ngStyleを使用してAngularテンプレートでバインドします。テンプレートで

cmsInlineCss: any; 

ngOnInit(private http: Http) { 
    this.http.get('api/cmsinlinecss/{para}').map(res => { 
     var css = res.json(); 
     var processedCss = ''; 

     // process css to JSON object string 

     this.cmsInlineCss = processedCss; 
    }); 
} 

：あなたのコードのcomponent.tsで

私のコードの仮定、ここ

<h1 [ngStyle]="cmsInlineCss">${title}</h1>