Question

所以我在我的html文件中使用javascript脚本编写了一个计数器（使用Angular 2）。这是我的两个文件（我不包括样式之一）。

pokehunted.component.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="../script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"> 
</head>
<body>
<div class="displayCounter">
    <button class="box" onclick="modify_qty(1)"> 
        <p>Pikachu</p>
        <input type="image" src="../../assets/img/pikachu.png" /> 
    </button>
    <div class="counter">
        <label for="qty"><abbr title="Quantity">Rencontres</abbr></label>
        <input id="qty" value="0" />
    </div>
</div>
</body>
</html>

的script.js

function modify_qty(val) {
    var qty = document.getElementById('qty').value;
    var new_qty = parseInt(qty,10) + val;

    if (new_qty < 0) {
        new_qty = 0;
    }

    document.getElementById('qty').value = new_qty;
    return new_qty;
}

问题是，我在Codeacademy上对此进行了编码，并且它运行得很好。目标是创建一个div按钮，使其下方的计数器递增。在Codeacademy它做了，在我的项目中，计数器没有移动。

你知道我做错了什么吗？非常感谢。

Answer 1

好的，我修好了！我不得不把我的脚本放在我的angular-cli.json中，而不是把它放在我的HTML中。我真的不知道为什么我不能只使用标签来做到这一点，但它的工作方式。这是我在json中修改的部分：

"apps": [
  {
    "scripts": [
      "app/pokehunted/script.js"
    ],
  [...]
  }
]

无法在Codeacademy上运行我的script.js

1 个答案: