2016-09-11 3 views
0
<%@ 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 파일에서 작동하지 않는 이유를 알려주십시오.

답변

0

왜냐하면 Asp.net Web Forms로 작업하고 있기 때문입니다.

이름 attirbute는

<pages controlRenderingCompatibilityVersion="3.5" /> 

참고있는 Web.Config에 System.Web 섹션에 다음과 같은 일을 추가 Asp.net 4.0 에서 제거 : 또한 설정 id 속성을 - 당신이 이름으로 설정됩니다 ID를 설정 무엇이든 게다가. 위의 경우 이름에 예 는 X

이 당신을 위해 일하는 희망 :) 당신의 응답을

+0

감사 할 것이다, 나는 이미 내 web.config 파일에서 System.Web 섹션이있다. 그 섹션에서 특별한 것을 추가하기를 원하십니까? 또한 id 특성으로 시도했지만 여전히 작동하지 않습니다. –

+0

runat = "server"를 form 태그에서 제거한 후 작동했습니다. 도와 주셔서 정말 감사합니다. –

관련 문제