角度变量没有正确显示在网页上

正如标题所示，我试图自学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>

我会非常感谢任何人都可以告诉我，我在做什么错了，因为我一直在打我的头靠在我的办公桌上了一小时，用Google搜索这个问题，但我不明白为什么它不”工作。

来源

2017-07-25 K. Awuah

在您的身体标记中添加** ng-app **。例如'' – Rostech

这是在这里工作https://plnkr.co/edit/K8zEYdUhiun2qAgQU2Hi?p=preview –

检查您的角度参考是否已正确加载。尝试NG-应用程序添加到您的身体标记

DEMO

<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>

来源

2017-07-25 11:06:20 Sajeetharan

你说得对，我通过几个在线HTML5的情况下运行它，它工作，它可能是IDE我'使用（Angular IDE 2017）由于某种原因，它甚至不能正确渲染代码。 –

这是工作完美的只是你必须删除第一个标签

<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>

来源

2017-07-25 11:24:06 Dps

角度变量没有正确显示在网页上

回答

相关问题