非常简单的Angularjs代码不起作用,

时间:2015-10-19 16:36:37

标签: javascript 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>

3 个答案:

答案 0 :(得分:3)

Angular搜索模块 Jajc 并且无法加载,因为您没有编写任何代码来注册此模块。而只是在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>

答案 1 :(得分:0)

您应该定义ng-controller

答案 2 :(得分:0)

这只是因为您已将应用程序命名为“jajc”而您尚未创建任何具有相同名称的角度模块。

只需删除“jajc”,并将<html>标记保留为<html ng-app>即可。