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="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>

当我更改视图时，模板中的脚本没有被执行。我期望在运行时“Copyright @ 2015”。这是浏览器的已知限制或任何黑客防御技术吗？

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

Answer 1

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

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

view.html

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

动态Javascript代码注入HTML正文

1 个答案: