问如何对Angular.js中的指令使用相同html中的脚本模板
EN

Stack Overflow用户

提问于 2015-09-01 20:49:27

回答 1查看 474关注 0票数 0

我准备了一个模板，如下

    <script type="text/ng-template" id="spinner.html">
        <div class="spinner">
          <div class="bounce1 spinner-bounce"></div>
          <div class="bounce2 spinner-bounce"></div>
          <div class="bounce3 spinner-bounce"></div>
          <div class="bounce4 spinner-bounce"></div>
          <div class="bounce5 spinner-bounce"></div>
        </div>
      </script>

    <!-- a couple of lines below -->

    <div spinner> </div>

使用以下指令

app.directive('spinner', function ($window) {
    return {
        restrict: 'A',
        templateUrl: '#spinner.html'
    };
});

因此，指令本身和它的模板在同一个html中，tempateUrl不会加载上面定义的ng-template。这有什么问题呢？我也尝试过template，但它也不起作用。

angularjs

angularjs-directive

回答 1

Stack Overflow用户

发布于 2015-09-01 21:39:21

我意识到问题所在。

这是因为我在<head>标签中添加了text/ng-template模板，而不是<body>标签。在我的例子中，它没有找到我的模板，而是在服务器上搜索/spinner.html。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32332109

复制

相似问题

问如何对Angular.js中的指令使用相同html中的脚本模板
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对Angular.js中的指令使用相同html中的脚本模板EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何对Angular.js中的指令使用相同html中的脚本模板
EN