在 HTML 文件中导入控制器答案

【问题标题】：Import controller in HTML file在 HTML 文件中导入控制器
【发布时间】：2015-09-26 12:56:48
【问题描述】：

我有一个文件controller.js，我需要在我的 HTML 文件中使用，但在我发出 GET 请求的那一刻，我找不到 404。
我不知道为什么会发生这种情况。目录是：
../resources/js/controller.js
../resources/templates/app.vm

HTML

<!DOCTYPE html>
<html ng-app="oknok">
<head lang="pt-br">
    <meta charset="UTF-8"/>
    <title>OKNOK Admin</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
    <script src="../js/controller.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>

<body ng-controller="controller">
<center>
    <h1>Cadastro de veículos</h1>
    <div class="col-xs-4">
        <label for="nome">Nome:</label>
        <input type="text" class="form-control" ng-model="nome"><br>
        <label for="tipo">Tipo:</label>
        <input type="text" class="form-control" ng-model="tipo"><br>
        <button type="button" class="btn btn-success" ng-model="salvar" ng-click="salvar()">Salvar</button>
    </div>
</center>
</body>
</html>

var oknok = angular.module('oknok', []);

oknok.controller('controller', function ($scope, $http) {
    console.log("1");
    $scope.salvar = function () {
        console.log("entrou");
        $http.post("/veiculos", {
            msg: "teste"
        }).success(function(data, status, headers, config){
            console.log("enviado com sucesso");
        }).error(function(data, status, headers, config){
          console.log("erro ao enviar");
        });
    };
});

【问题讨论】：

您是从本地文件系统运行应用程序，还是通过本地（或远程）网络服务器提供服务？
你的问题对于 AngualrJS 来说无关紧要，所以我删除标签并添加可能的服务器
@Matt 从本地文件系统运行
@DanielaMarquesdeMorais 资源文件夹是否完全在您的本地服务器中提供服务？另外，提供的基本文件夹是哪个？
@Alpha 根据她的回答，我认为她没有使用服务器

标签： html httpserver

【解决方案1】：

试试<script src="/resources/js/controller.js"></script>

【讨论】：

【解决方案2】：

HTML 文件被插入到 app.vm 文件 (Apache Velocity) 中，它的文件夹模式不同。
您必须在负责vm文件的静态文件夹中输入controller.js
../resources/static/js/controller.js
../resources/templates/app.vm

【讨论】：