无法在angularjs中打印表达式

时间:2018-10-18 08:53:25

标签: angularjs

我正在尝试在angularjs上使用{{}}打印表达式。但是我无法打印。

<html>
  <head ng-app="myapp">
  </head>
  <body>
     <input type="text" ng-model="exp">
        {{ exp }}
     </input>
  </body>
</html>

我得到{{

1 个答案:

答案 0 :(得分:0)

您的代码中有几个问题。首先,在主体部分创建一个div元素来定义您的ng-app。在这里,您可以使用其他标签,例如input和div。输入没有结束标记。输入之间的输出表达式根本没有意义,因为您希望将输入绑定到页面中可用的变量,而不是自身。然后,您可以使用双括号符号插入exp。另外,不要忘了在您的头部导入角度库,并且为了最佳实践,请在文件开头插入doctype。您的示例应用可能如下所示:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  </head>
  <body>
    <div ng-app="">
      <p><input type="text" ng-model="exp"></p>
      <p>{{exp}}</p>
    </div>
  </body>
</html>

有关更多信息,请查看w3schools angularjs introduction