<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. Моя цель -
- создать node.js -typepes-e js шаблоны на стороне сервера. и
- впрыскивают их в любое переднее приложение. vue, angular, реагирование, потребление сбыта и др. c.