AngularJS - ng-appが有効でない場合

Question

この質問は非常に基本的な質問Angular.JSです。 ほとんどの場合この質問はStackOverFlowで尋ねられますが、私は質問を見つけることができませんので、この質問をしなければなりません。

私はかなり新しいAngular.JSですが、私は与えられた入力から電​​子メールアドレスを検証するAngular.JSで基本的なフォームを作成しようとしています。

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<form ng-app="" name="myForm"> 
 
    Email: 
 
    <input type="email" name="myAddress" ng-model="text"> 
 
    <span ng-show="myForm.myAddress.$error.email">Not a valid e-mail address</span> 
 
</form> 
 
<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>

しかし、私はthis- ng-app="my_try_app"ように私の角度アプリの名前を与えるためにしようとしていますので、私のコードはthis-

ようにされているIS-私のために働いている何

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 

 
<form ng-app="my_try_app" name="myForm"> 
 
    Email: 
 
    <input type="email" name="myAddress" ng-model="text"> 
 
    <span ng-show="myForm.myAddress.$error.email">Not a valid e-mail address</span> 
 
</form> 
 

 
<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>

それが動作していないのを見ています。

ので、

は - 私の質問

1. は私の角度のアプリに名前を与える方法は何ですか？

2. なぜ私の場合は機能しませんか？

ご協力いただきありがとうございます。

Answer 1

以下angulaJSドキュメントを見ていてください： https://docs.angularjs.org/api/ng/directive/ngApp 基本的には、「NG-アプリ」ブートストラップ・フェーズ中に使用されているが、それはあなたのモジュールを初期化するために、角度を助けます（決定します。角度の影響を受けて来べきであるHTMLコードの境界）

例： 名： ng- app指令は、<div>要素がAngularJSアプリケーションの「所有者」であることをAngularJSに伝えます。 前述のサンプルコードでは、angularJSはデフォルトモードで動作するように構成されています。 したがって、ng-appはオプションです。つまり、null /空です。あなたは=「my_try_app」NG-アプリでのアプリ/ HTMLをブートストラップしたい場合

1. は角コントローラ内部のスクリプトタグのいずれかまたは別のJSファイル&インポートの定義の下に

   しかし、その後のいずれかに従うことができます使用例：<script src>、

   たとえば、...角度使ってブートストラップ、あなたのHTMLファイルに大きいアプリを、私、複数のビューを持つEの

   <script> 
   var app = angular.module('my_try_app', []); 
   app.controller('myTryCtrl', function($scope) { 
   $scope.text= "a@a.t.com";  
   }); 
   </script> 
   

2. の内側に、以下のこのことができます angular.bootstrap(document,["my_try_app"]);

希望を追加します。

Answer 2

ビューのアプリを定義する必要があります。このような。

angular.module("my_try_app",[]);

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 

 
<form ng-app="my_try_app" name="myForm"> 
 
    Email: 
 
    <input type="email" name="myAddress" ng-model="text"> 
 
    <span ng-show="myForm.myAddress.$error.email">Not a valid e-mail address</span> 
 
</form> 
 

 
<p>Enter your e-mail address in the input field. AngularJS will display an errormessage if the address is not an e-mail.</p>