为什么带有javascript的脚本标签在离子项目中不起作用？答案

【问题标题】：why script tag with javascript doesn't work in ionic project?为什么带有javascript的脚本标签在离子项目中不起作用？
【发布时间】：2017-02-18 13:07:19
【问题描述】：

我正在根据this 教程开发我项目的测验部分。但是，我尝试在关闭 body 标记之前放置包含 javascript 文件的脚本标记，但它根本不读取 javascript 文件。我也尝试在脚本标签内运行 javascript 代码，但结果相同。当我通过创建一个单独的 javascript 项目在 ionic 项目之外运行代码时，它工作正常。我是否必须指定在项目中使用 .js 文件而不是 .ts 的地方？我应该如何在我的 ionic 项目中运行 javascript 代码？任何帮助将不胜感激，谢谢！

<!DOCTYPE html>
<html lang="en">
<ion-header>
  
  <ion-navbar color="primary">
    <ion-title>Quiz</ion-title>
  </ion-navbar>
</ion-header>

<body>
<div class="grid">
    <div id="quiz">
        <p id="progress"><b>Question</b></p>
        <p id="question"></p>
        <div class="answers">
          <input type="radio" id="r0"><span id="q0"></span><br/><br/>
          <input type="radio" id="r1"><span id="q1"></span><br/><br/>
          <input type="radio" id="r2"><span id="q2"></span><br/><br/>
          <input type="radio" id="r3"><span id="q3"></span><br/><br/>
        </div>     
    </div>
</div>
<script src="quiz_controller.js"></script>
<script src="question.js"></script>
<script src="quiz_app.js"></script>

</body>
</html>

【问题讨论】：

我不知道Ionic，也许它使用'body'作为根组件的选择器，它在Angular初始化时清除了<body>标签的内容。
感谢您的回复，这是有道理的，那么您将如何在 angularjs 中做到这一点？
我猜你对 Ionic 用于根组件的选择器没有影响。将async 或defer 添加到脚本标签并将其添加到<head> 而不是<body> 怎么样？ - 或者等待一个更好的答案，我对 Ionic 真的一无所知，除了它以某种方式基于 Angular2。
这个文件在哪里？ www>index.html 或内部app>page？
它在 src>页面中

标签： javascript html angular ionic-framework ionic2

【解决方案1】：

要引用 JavaScript 文件，我必须确保 .js 文件位于“www”文件夹中，并像这样从 .ts 文件中调用它...

declare function require(name: string);
var quiz = require('../../../www/questions');

【讨论】：