2016-06-12 16 views
1

私のangularJSプロジェクトでは、私は以下のエラーに陥っています。手伝ってくれませんか?私のangularjsプロジェクトで構文エラーが発生する理由

エラー

angular.min.js:117Error:[$の解析:構文]?http://errors.angularjs.org/1.5.6/ $解析/構文P0 = Shoping & P1 =である%20AN%20unexpected%20token & P2 = 8 & P3 =オンライン%20Shoping%20-%20login & P4 = Shoping%20-%20login ローカルホストでの誤差(ネイティブ) で:8082/onlineshopping/angular.min.js:6:412 Object.s.throwErrorで(localhost:8082/onlineshopping/angular.min.js:228:143) at Object.s.ast(localhost :8082/onlineshopping/angular.min.js:220:47) Object.td.compile(ローカルホスト:8082/onlineshopping/angular.min.js:229:420) kc.parse(localhost:8082/onlineshopping /km.min.js:258:213) at g(ローカルホスト:8082/onlineshopping/angular.min.js:125:278) (ローカルホスト:8082/onlineshopping/angular.min.js:105:129) )ローカルホスト$(AT :8082/onlineshopping/angular.min.js:77:397) $ Bの(ローカルホスト:8082/onlineshopping/angular.min.js:61:398)

My HTML Code

<!DOCTYPE html> 
<html> 
<head> 
<title>Online Shopping - Login Page</title> 
<script src="angular.min.js"></script> 
<!-- <link rel="stylesheet" href=".\WEB-INF\lib\css\Styles.css"/> --> 
</head> 
<body ng-app> 
    <div style="text-align:center"> 
     <h1>{{Online Shoping - login}}</h1> 
     <form action="login_submit" name="login" method="get"> 
      Email Address: <input type="email" placeholder="[email protected]" required/><br><br> 
      Password: <input type="password" placeholder="password" required/><br><br><br> 
      <input type="submit" value="Login"/> 
     </form> 
    </div> 
</body> 
</html> 
+0

'Online Shoping'は有効な変数名ではありませんが、Angularはその変数を' Online'と 'Shopping'の2つの変数として解釈しようとします。 –

+0

私はAngularJSが初めてです。私は詳細にチェックしなかった。今私は得た。ありがとうパトリック。 –

答えて

1

あなただけ

<h1>Online Shoping - {{login}}</h1> 

たりすることができますように<h1></h1>田下を更新する必要があります<h1></h1>も同様に使用してください。

{{'Online Shopping - '+ login}} 

詳細については、クリックしてくださいlink here

+1

ありがとうManish。今それはうまく動作しています:) ありがとうございます。 –

0

これは間違っています{{Online Shoping - login}}Online Shopingは値でも有効な構文でもありません。あなたは、文字列を使用して値を連結することができます唯一の必要な場所

{{'Online Shopping - '+ login}} 

それとも単純には補間:

<h1>Online Shopping - {{login}}</h1> 
関連する問題