<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Staffing_Tool.Login" %>
<!DOCTYPE html>
<html>
<head runat="server">
<script src="scripts/angular.min.js" type="text/javascript"></script>
<link href="Styles/Login.css" rel="stylesheet" />
<title>Login</title>
</head>
<body data-ng-app="">
<form runat="server" name="myForm" novalidate>
<div class="circle logo">
<span></span><p>Welcome<br/>to<br/>MCBC Staffing Tool</p>
</div>
<div class="loginForm">
<h4> Login Information</h4>
<input type="text" class="text" name="userName" placeholder="Enter Username" data-ng-model="userName" required/>
<span data-ng-show="myForm.userName.$touched && myForm.userName.$invalid">Username is required.</span>
<input type="password" name="password" class="text" placeholder="Enter Password" data-ng-model="password" required/>
<span data-ng-show="myForm.password.$touched && myForm.password.$invalid">Password is required.</span>
<a href="#">Forgot your password?</a>
<asp:Button ID="btnLogin" runat="server" CssClass="btn blue animate" Text="Log in"></asp:Button>
</div>
</form>
</body>
</html>
저는 angularJS를 처음 접했고 위는 ASP에서 생성 한 간단한 로그인 양식입니다. 모든 것이 잘 작동하지만 입력 필드의 오류 범위가 작동하지 않습니다.AngularJS 입력 상태가 asp에서 작동하지 않습니다.
<h1>{{userName}}</h1>
을 그리고 그 필드에 입력 한 값을 보여주는 :
먼저 내 사용자 이름 필드가을 테스트 한 후 다음과 같이 나는 H1 태그를 추가 AngularJS와 자체가 그렇게 작동하지 않는, 생각했다.
은 그 때 나는 다음과 같은 시도 :<h1>{{myForm.userName.$valid}}</h1>
을하지만 아무것도 표시되지 않는 것.
그런 다음 간단한 HTML 파일에서 코드의 HTML 부분을 배치 (시도)하고 시도해 보았습니다. 모든 것이 원활하게 작동했습니다.
.aspx 파일에서 작동하지 않는 이유를 알려주십시오.
감사 할 것이다, 나는 이미 내 web.config 파일에서 System.Web 섹션이있다. 그 섹션에서 특별한 것을 추가하기를 원하십니까? 또한 id 특성으로 시도했지만 여전히 작동하지 않습니다. –
runat = "server"를 form 태그에서 제거한 후 작동했습니다. 도와 주셔서 정말 감사합니다. –