加载angularjs模板失败

时间:2016-10-12 10:44:42

标签: javascript jquery angularjs

任何人都可以帮助我为什么我的角度js模板(template1.html)没有加载,而我在template1.html本身包含了所有的angularjs脚本加载。您可以找到Plunker

 <script type="text/javascript">
    $(function() {
        $('#loadBtn').on("click", function(e) {

            e.preventDefault();
            $("#content").load("template1.html");

        });

    });
</script>

2 个答案:

答案 0 :(得分:0)

plunkr加载了HTTPS。 plunkr中的jquery版本通过HTTP加载。 Chrome阻止了它,只是将其更改为HTTPS,使您的代码正常运行。

答案 1 :(得分:0)

在您的HTML index.html中包含以下jquery库文件。它解决了你的问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

检查以下工作示例。这将有助于你

http://plnkr.co/edit/WvTSifg9XhcKI6DZCfoz?p=preview