0

我对 angular 1.6 有奇怪的问题。我有 index.html 和下一个代码：

<html>
<head>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/angular/node_modules/angular/angular.js"></script>
</head>
<body ng-app="myApp">
    {{1+2}}

<div id="for-load"></div>

<script>
    $("#for-load").load('/for-load.html')
</script></body>
</html>

和 for-load.html 代码为“{{3+4}}”。当我在浏览器中打开 index.html 时，我看到了数字：3 和 7，就像我在等待一样。

但是如果我替换脚本标签

<button onclick="test()">load</button>
<script>
    function test() {
        $("#for-load").load('/for-load.html')
    }
</script>

并有下一个代码（完整）

<html>
<head>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/angular/node_modules/angular/angular.js"></script>
</head>
<body ng-app="myApp">
    {{1+2}}

<div id="for-load"></div>

<button onclick="test()">load</button>
<script>
    function test() {
        $("#for-load").load('/for-load.html')
    }
</script>

    </body>
</html>

Angular 停止解析加载的 html 内容！它显示“{{3+7}}”。我的意思是，如果我在文档渲染时间调用 html-loading - 这很好。如果我在那之后通过按钮单击调用 html-loading - 这很糟糕。为什么会这样？

4

0 回答 0