1

すべてのテンプレートを script タグ内に配置し、ajax リクエストを使用せずにディレクティブから使用したいと考えています。

これは私のテンプレートです:

<script id="article_row.html" type="text/ng-template">
    <tr>
        <td class="article-id">[[ article.id ]]</td>
        <td>[[ article.title ]]</td>
        <td>[[ article.user_id ]]</td>
        <td>[[ article.created_at ]]</td>
        <td>
            <article-restore id="article.id"></article-restore>
        </td>
    </tr>
</script>

これは私の指示です:

app.directive("articleLine", [function(){

    return {

        return: 'E',
        scope: {
            article : "=data"
        },
        templateUrl: "article_row.html"

    };

}]);

ロード時に、コンソールに次のエラーが表示されます。

Error: Failed to load template: article_row.html

そして、ブラウザがそれを取得しようとしていることがコンソールに表示されhttp://localhost/articles/article_row.html ますが、ページでそれを探す代わりに、私は何か間違ったことをしていますか?

ありがとう！

4

1 に答える 1

1 
<article-line data="myData"></article-line>

上記のディレクティブを配置すると、 ng-templatearticelLineをインクルードしてエラーが発生する前に、この行がコンパイルされます。article_row.html

ng-templateしたがって、その前に置く必要があります。

于 2014-03-01T02:53:31.213 に答える