gpt4 book ai didi

javascript - Angular 返回它自己的标签而不是在 ejs 中输出

转载 作者:搜寻专家 更新时间:2023-10-31 23:41:10 26 4
gpt4 key购买 nike

我尝试使用 angular 在我的 ejs 模板中对我的输入进行一些输入验证,但它似乎无法正常工作,这是我使用的代码(来自 w3schools):

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">

<p>Try writing in the input field:</p>

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The input's valid state is:</p>
<h1>{{myForm.myInput.$valid}}</h1>

</body>
</html>

它应该输出这样的东西:

The input's valid state is: false

但它只是返回这个:

The input's valid state is: {{myForm.myInput.$valid}}

那么是否可以以任何方式同时使用 ejs 和 angular?

最佳答案

您需要定义一个模块和一个 Controller ,脚本应该加载到 body/head 中

HTML

  <!DOCTYPE html>
<html ng-app="store">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="">
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The input's valid state is:</p>
<h1>{{myForm.myInput.$valid}}</h1>
</body>
</html>

Controller

 var app = angular.module('store', []);
app.controller('StoreController', function($scope) {

});

DEMO

关于javascript - Angular 返回它自己的标签而不是在 ejs 中输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39680839/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com