productionでangularJSを使用してhtmlテンプレートを指す方法

Question

これで、divにhtmlテンプレートを表示するにはdata-ng-includeを使用しています。私が走っている問題は、私のローカルでは... htmlへの道が働いていて、すべてうまくいきます。しかし、一度私はgulpビルドを実行し、プロダクションでアプリを実行すると、私はパスが間違っているとUIが表示する正しいテンプレートを見つけることができないと思う。例えば

...

HTML：

<div id="abc" ng-init="init()"> 
    <div ng-controller="splitController" data-ng-include="templateURL"></div> 
</div> 

TemplateUrl：

$scope.templateURL = '/app/components/preview/split/split.html'; 

誰でもアプリがPRODに組み込まれますときのためのHTMLパスを見つける方法を知っていますか？

ありがとう

Answer 1

最初に、コントローラとng-includeを分けてください。それぞれの要素を個別に作成する

<div id="abc" > 
    <div ng-controller="splitController" ng-init="init()"> 
     <div ng-include="templateURL"></div> 
    </div> 
</div> 

次に、URLに二重引用符を含めてください。

$scope.templateURL = "'/app/components/preview/split/split.html'";