离子模板中的Javascript无法正常工作

Question

我不知道为什么脚本标记无法正常工作，这里是重现步骤： 离子cli 1.3.10

1.ionic start mytab

2.添加到ion-content

中的templates / chat-detail.htm

<p id="demo"></p>

<script>
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.getElementById("demo").innerHTML = txt.length;
</script>

3.ionic serve --lab

4.导航到聊天详细信息页面，脚本无法正常工作

为什么会这样？

Answer 1

尝试将js放到控制器上，例如：

$scope.$on("$ionicView.loaded", function() {
  document.getElementById("demo").innerHTML = txt.length;
}