внутренний тег javascript <script>в HTML не работает в angular - PullRequest
0 голосов
/ 13 февраля 2020
<html>
<head>
    <script>
        function myFunction() {
            alert('hi')
            document.getElementById('demo').innerHTML = Date()
        }
        myFunction()
        </script>
</head>
<body>
<div class="container">
<div class="col-sm-6 col-sm-offset-3">

    <h1><span class="fa fa-sign-in"></span> Login</h1>
<div id="demo"></div>
    <!-- LOGIN FORM -->
    <form id="form">
        <div class="form-group">
            <label>Email</label>
            <input type="text" class="form-control" name="email" id="email">
        </div>
        <div class="form-group">
            <label>Password</label>
            <input type="password" class="form-control" name="password" id="passw">
        </div>

        <button type="submit" onclick="myFunction()" class="btn btn-warning btn-lg">Login</button>
    </form>
</body>
</html>

Я отправляю это через api моего узла, используя res.render ('page'); в angular.

В angular:

public myEjsTemplate() {
    this.http.get('http://localhost:3000/main/renlogin', {responseType: 'text'}).subscribe(res => {
      console.log(res);
      this.response = this.domSanitizer.bypassSecurityTrustHtml(res);

    });
  }

app. html

  <div [innerHTML]="response"></div> 

мои теги стиля работают, но тег не работает , Я пытаюсь внедрить вышеупомянутый шаблон html в сторону angular. Новое в е js. Моя цель -

  1. создать node.js -typepes-e js шаблоны на стороне сервера. и
  2. впрыскивают их в любое переднее приложение. vue, angular, реагирование, потребление сбыта и др. c.
...