为什么我的HTML文件无法识别AngularJS变量

<!DOCTYPE html> 
 
<html ng-app=""> 
 
<head> 
 
    <title>hello</title> 
 
    <script type="text/javascript" src="lib/angular.js"></script> 
 
</head> 
 
<body> 
 
\t <input type="text" ng-model="name"> 
 
\t <p>{{name}} </p> 
 
</html>

我尝试做一个非常简单的角度的项目，但也有一些是错误的。在输出页面中显示变量名称，而不是按预期的值。

来源

2017-04-08 Ahmed Hassan

您应该添加[代码段]（https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code-snippets/）和run这可以帮助我们。 – Dwhitz

在这里发布您的代码 – Sajeetharan

抱歉，我编辑了它 –

你需要有模块和控制器宣布，这两个缺少与您的代码，

var app = angular.module("myApp", []); 
    app.controller("myCtrl", function($scope) { 

    });

DEMO

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
\t <input type="text" ng-model="name"> 
 
\t <p>{{name}} </p> 
 

 
<script> 
 
var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    
 
}); 
 
</script> 
 
</body> 
 
</html>

来源

2017-04-08 11:40:54 Sajeetharan

仍然是同样的问题.. 它在这里工作..但在我的弹簧工具，它不起作用 –

你看到控制台上的任何错误？ – Sajeetharan

没有没有错误 –

检查样品angularjs代码

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    $scope.name = "Hello"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp"> 
 
    <div ng-controller="myCtrl"> 
 
    <input type="text" ng-model="name"> 
 
    <p>{{name}} </p> 
 
    </div> 
 
</body>

来源

2017-04-08 12:48:02

为什么我的HTML文件无法识别AngularJS变量

回答

相关问题