HTML正文中的动态Javascript代码注入

我使用的是Angular JS，我的所有视图都被单独拆分为不同的HTML模板文件。使用AngularJSUIRouter，我正在更改视图（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="john.doe@gmail.com">
        <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>

登录
创建帐户
版权©；
document.write（（新日期（））.getFullYear（））；

当我更改视图时，模板中的脚本不会被执行。我在运行时所期望的是“版权@2015”。这是已知的限制还是浏览器的黑客防御技术

---

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

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

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

view.html

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

版权©；{{currentYear}

这是另一种方法。我知道。我特别需要知道我所写方法的答案。仅供参考：没有必要每年都更新你的版权声明。您的版权每年无效。谢谢您的提示。