Соединение Angular с nodejs и mysql - PullRequest
Новая
       0

Соединение Angular с nodejs и mysql

0 голосов
/ 25 мая 2018

Я подключаю свой угловой файл index.html, но при работе на сервере веб-страница ничего не отображает.Он работает нормально, но моя внешняя форма, построенная на angular, не отображается.

Вот мой серверный скрипт: 

var express = require("express");
var bodyParser = require('body-parser');

var connection = require('./config');
var app = express();

var authenticateController = require('./controllers/authenticate-controller');
var registerController = require('./controllers/register-controller');

app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.get('/', function (req, res) {  
    res.sendFile( __dirname + "/" + "./index.html" );  
});  
app.use

app.get('/login.html', function (req, res) {  
    res.sendFile( __dirname + "/" + "login.html" );  
})  

/* route to handle login and registration */
// app.post('/api/register',registerController.register);
// app.post('/api/authenticate',authenticateController.authenticate);

console.log(authenticateController);
// app.post('/controllers/register-controller', registerController.register);
// app.post('/controllers/authenticate-controller', authenticateController.authenticate);
app.listen(8012);

Вот мой index.html: 

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>FirstApp</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
    <app-root></app-root>
</body>
</html>

Я сделал имя компонента регистра register.component.html ... 

 <form action="/controllers/register-controller" method="POST">

     <div class="form-group">
        <label for="exampleInputEmail1">Name</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Your Email" name="name">
    </div>      
    <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" name="email">
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" name="password">
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

1 Ответ

0 голосов
/ 26 мая 2018

В любом случае, обо всем по порядку: вам нужно подключить js к html, чтобы Angular работал.

Посмотрите на этот минимальный пример из здесь : 

<html>
  <head>
    <title>Hello, Angular</title>
  </head>
  <body>
    <app-main>Loading...</app-main>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="systemjs.config.js"></script>
    <script>
      System.import('dist/main.js').catch(function (err) {
          console.error(err);
      });
    </script>
  </body>
</html>

они получили script s, которые на самом деле являются угловым кодом + их код.Вы не будете иметь этот код буквально, но у вас должны быть где-то скрипты.

PS Я бы рекомендовал сначала попытаться заставить его работать как статический html (с использованием некоторого хостинга или какого-либо готового сервера).) и впоследствии создайте свой собственный сервер.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...