离子框架，在渲染模板后加载 javaScript

Question

我是跨平台开发的新手。我正在使用 ionic framework。在成功登录另一个模板后，我有一个登录页面。在那个新呈现的模板中，我想执行我的一段 JavaScript 代码（手动纯 JavaScript 代码函数）。我怎样才能做到这一点？

index.html 的内容（在 www 目录中）：

<html>
  <head>
    <script src="mysource/calendar.js"></script>
  </head>

  <body ng-app="myApp"></body>
</html>

模板（来自离子模板目录）：

<form>
  <input type="text" value="" readonly onfocus="settoday()">
</form>

calendar.js的内容：

var date = new Date();
var today = date.getMonth();
function settoday(){
  return today;
}

以上程序是我的 JavaScript 函数的示例，在登录表单模板后呈现特定模板后加载。

如何在加载模板时实现这一点？

Answer 1

您可以使用 jQuery 来实现这一点。

<input type="text" value="" id="calender" readonly />

还有你的 JS，可以添加到 template/your.html 本身：

$("#calender").click(function() {
    alert("clicked");
});

您可以调用 settoday() 函数而不是发出警报。

这里有一个JSFiddle供你测试。

ionic framework, load a javaScript after template is rendered