2015-10-19 82 views
0

今天早上我開始了angularjs。我在早上得到了正確的結果。 但由於某種原因,這個非常簡單的angularjs代碼不再工作。非常簡單的Angularjs代碼不起作用,

<html ng-app = "jajc"> 
    <head> 
    <title>TESTER</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script> 
</head> 
<body> 
<form id="searchthis" action="/search" style="display:inline;" method="get"> 
<input id="ser" name="q" size="80" type="text" ng-model = "name"  placeholder="Enter a place "/> 
     <input id="sub" value="Search" type="submit"/> 
     <p>Welcome {{name}}</p> 
    </form> 
</body> 
</html> 
+0

它不起作用呢? – SoluableNonagon

+0

我的瀏覽器上顯示歡迎{{name}}。 –

+0

這通常意味着應用程序崩潰或未能引導或您錯過了依賴關係。另外,刪除ng-app和「jajc」之間應該沒有間距連接的間距。 – SoluableNonagon

回答

3

角搜索和加載失敗,你還沒有編寫任何代碼來註冊這個模塊。而只需在html標籤中輸入ng-app並刪除名稱。請參閱下面的代碼 -

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app> 
 
<form id="searchthis" action="/search" style="display:inline;" method="get"> 
 
<input id="ser" name="q" size="80" type="text" ng-model = "name" placeholder="Enter a place "/> </input> 
 
     <input id="sub" value="Search" type="submit"></input> 
 
     <p>Welcome {{name}}</p> 
 
    </form> 
 

 
</body>

0

您應該定義一個NG-控制器模塊JAJC

0

這僅僅是因爲你命名的應用程序爲「JAJC」和您尚未創建具有相同名稱的任何角度模塊。

只需刪除「jajc」,並保留<html>標記爲<html ng-app>即可完成這項工作。