Question

我有angularjs指令，我尝试使用vuejs进行复制：

Twig（项目标记它是原始的angularjs代码）：

<a class="animated fade-in-right" v-for="project in projects">
    <project project-on-delete="onDelete" project-show-delete-action="true" project-allow-delete="project.ownerId == user.id" project-show-progress="true" project-show-status="true"></project>
</a>

然后在实际的directive.js中，调用了另一个twig模板，如下所示：

return {
    restrict: 'E',
    scope: true,
    templateUrl: 'project.tpl.html',

该文件是script标记内的html，如下所示：

<script type="text/ng-template" id="project.tpl.html">
  html
</script>

现在我的问题是如何使用vue指令在project.tpl.html标记内呈现<project>？

如果它不是非常具体，我希望这种情况发生：

<project>
  project.tpl.html
</project>

Answer 1

看起来问题是我给的id;使用id="project-template代替我，解决了我的问题。可能与id名称中的点不兼容。

如何使用vue自定义指令渲染x-template？

1 个答案: