javascript - 如何使用 Node js 运行 html 文件

标签 javascript angularjs node.js

我有一个带有 Angular js 的简单 html 页面,如下所示:

    //Application name
    var app = angular.module("myTmoApppdl", []);

    app.controller("myCtrl", function ($scope) {
        //Sample login function
        $scope.signin = function () {
            var formData =
                    {
                        email: $scope.email,
                        password: $scope.password
                    };
        console.log("Form data is:" + JSON.stringify(formData));
    };
});

HTML 文件:

<html>
    <head>
        <link href="bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>

    <body ng-app="myTmoApppdl" ng-controller="myCtrl">
        <div class="container">
            <div class="form-group">
                <form class="form" role="form" method="post" ng-submit="signin()">
                    <div class="form-group col-md-6">
                        <label class="">Email address</label>
                        <input type="email" class="form-control" ng-model="email" id="exampleInputEmail2" placeholder="Email address" required>
                    </div>
                    <div class="form-group col-md-6">
                        <label class="">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword2" ng-model="password" placeholder="Password" required>
                    </div>
                </form>
                <button type="submit" class="btn btn-primary btn-block">Sign in</button>
            </div>
        </div>
    </body>

    <script src="angular.min.js" type="text/javascript"></script>

    <!--User defined JS files-->
    <script src="app.js" type="text/javascript"></script>
    <script src="jsonParsingService.js" type="text/javascript"></script>
</html>

我是 Node js 的新手。我已经在我的系统中安装了 node js 服务器,但我不确定如何使用 node js 运行一个简单的 html 文件?

最佳答案

您可以使用内置的 nodejs 网络服务器。

例如添加文件 server.js 并输入以下代码:

var http = require('http');
var fs = require('fs');

const PORT=8080; 

fs.readFile('./index.html', function (err, html) {

    if (err) throw err;    

    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(PORT);
});

在控制台使用命令 node server.js 启动服务器之后。您的 index.html 页面将在 URL http://localhost:8080

上可用

关于javascript - 如何使用 Node js 运行 html 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35995273/

相关文章:

javascript - 存储来自手动输入 URL 的 http 请求的数据

javascript - 有条件的 Angular ng-repeat

javascript - 脚本和样式未在 functions.php 中排队

javascript - 根据结果​​使用 ng-show/ng-hide 显示消息或显示内容

javascript - Json 文本文件中的文本未换行为 p 标记。(Angular Js)

javascript - 返回主视图后,删除 Logo 问候语并修复滚动条位置

javascript - Sendgrid 不发送文本到新行

javascript - Slickgrid,带有下拉选择列表的列?

javascript - 客户端等高线图

node.js - 使用 node.js/express 自动 HTTPS 连接/重定向