javascript - Angular 变量未在网页上正确显示

标签 javascript angularjs

正如标题所暗示的,我正在尝试自学 Angular.js,但我遇到了意想不到的令人沮丧的障碍......我什至无法让变量在网页上正确显示!

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Lets test this out?</title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
</head>
<body>

    Write your name in the text box!
    <input type="text" ng-model="sometext" />    
    <h1>Hello {{ sometext }}</h1>

</body>
</html>

如果有人能告诉我我做错了什么,我将不胜感激,因为我已经将头撞在 table 上一个小时了,并在谷歌上搜索了这个问题,但我不明白为什么它不起作用。

最佳答案

检查您的 Angular 引用是否已正确加载。尝试将 ng-app 添加到你的 body 标签中

演示

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app>
    Write your name in the text box!
   <input type="text" ng-model="sometext" />
   <h1>Hello {{ sometext }}</h1>
</body>

关于javascript - Angular 变量未在网页上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45301411/

相关文章:

javascript - 带有 moment.js 的字符串值

javascript - Angular Js 中的自动填充表单

javascript - NodeJS 交互式 Twitter 机器人问题

javascript - Facebook API Javascript JSON 响应

php - 如何使用 angular.js PHP 显示来自 mysql 的数据?

javascript - 在 Controller 中访问 ng-repeat $first 属性

jquery - 使用 jQuery 在 AngularJS 元素指令上绑定(bind)事件

javascript - 如何确定 jquery 对话框中当前可见的垂直位置在哪里?

javascript - TypeScript 的目的是像 JavaScript 那样用于操纵 DOM 吗?

javascript - 无法停止 primefaces 投票