AngularJSの入力状態がaspで動作しない

<%@ 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タグを追加しましたangularJS自体はそれほど機能していない、と思った：

<h1>{{userName}}</h1>

、そのフィールドに入力した値を示します。

は、それから私は、次の試してみました：

<h1>{{myForm.userName.$valid}}</h1>

しかし、それは何を示していません。

次に、単純な.htmlファイルにコードのhtml部分を置いてみました（最初の行を残して）、それを実行して、すべてが円滑に機能しました。

なぜ、その.aspxファイルで動作しないのか教えてください。

出典

2016-09-11 Swapnil VijayVargiya

Asp.net Webフォームを使用しているためです。

名attirbuteは

<pages controlRenderingCompatibilityVersion="3.5" />

のノートのWeb.ConfigでSystem.Webのセクションで、次のものを追加しますAsp.net 4.0 から削除されます。また、設定id属性を - あなたは名前に設定されますIDを設定するものは何でも同じように。上記のケース名で例はX

が、それはあなたのために働くホープ:)あなたの応答のための

出典

2016-09-11 15:57:48

おかげだろう、私はすでに私のweb.configファイル内のSystem.Webセクションを持っています。私はそのセクションに特別なものを追加したいのですか？また、id属性で試しましたが、まだ動作していません。 –

フォームタグからrunat = "server"を削除した後で動作しました。手伝ってくれてどうもありがとう。 –

AngularJSの入力状態がaspで動作しない

答えて

関連する問題