2015-10-19 59 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>即可完成这项工作。