动态JavaScript代码注入HTML主体

Question

我使用的是Angular JS，我的所有视图均以不同的HTML模板文件分别划分。使用Angular JS UI-ROUTER，我正在更改视图（login.html模板加载到index.html中）。我的HTML模板之一（login.html）具有JavaScript代码。模板如下所示

<div class="app-page app-login" data-page="login">
<div class="app-content">
    <div class="app-section">
        <input class="app-input" placeholder="[e-mail]">
        <input class="app-input" placeholder="&#9679;&#9679;&#9679;&#9679;&#9679;" type="password" onfocus="this.placeholder = ''" onblur="this.placeholder = '&#9679;&#9679;&#9679;&#9679;&#9679;'">
        <div class="app-button blue">
            Login
        </div>
        <div class="app-button blue">
            Create Account
        </div>
    </div>
</div>
<div class="footer">
    Copyrights &#169;
    <script>
        document.write((new Date()).getFullYear());
    </script>
</div>

当我更改视图时，模板中的脚本未被执行。我期望运行时的内容是"版权 @ 2015" 。这是浏览器的已知限制还是任何预防黑客预防技术？

当我将其放在主HTML文件中时，其工作正常。

Answer 1

为什么不使用Angular Controller从$ scope变量获取当前年份，然后将其打印正常？像这样：controller.js

$scope.currentYear = (new Date()).getFullYear();

view.html

<div class="footer">
    Copyrights &#169;{{currentYear}}
</div>