Question

我正在使用新的angularjs v1.5.7但我不知道我的代码有什么问题，我的应用程序根本没有运行。

这是我的html文件：

<!DOCTYPE html ng-app="myApp">
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Testing App</title>
    <link rel="stylesheet" href="">
    <script src="angular.js"></script>
</head>
<body ng-controller="main">
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result
    <script src="app.js"></script>
</body>
</html>

这是我的app.js文件：

angular.module('myApp', []);

angular.module('myApp').controller('main', function ($scope) {

    alert('hi')

    $scope.name = "testing";
});

我在这里没有得到任何错误或工作输出。有人帮我吗？并纠正我？

Answer 1

将ngApp指令移到html或body标记上，目前正在doctype声明中。

<!DOCTYPE html >
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Testing App</title>
    <link rel="stylesheet" href="">
    <script src="angular.js"></script>
</head>
<body ng-controller="main">
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result
    <script src="app.js"></script>
</body>
</html>

该指令需要在一个元素上，目前它不是。

Answer 2

http://www.learn-angular.org/

试试这个：

<!DOCTYPE html >
<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Testing App</title>
    <link rel="stylesheet" href="">
    <script src="angular.js"></script>
</head>
<body ng-controller="main">
    <h1>Testing page {{2+2}} {{name}}</h1> //i am not getting any result
    <script src="app.js"></script>
</body>
</html>

您必须在DOCTYPE中定义ng-app 不！

<html ng-app="myApp">是正确的

Answer 3

您无法将ng-app分配给DOCTYPE。 DOCTYPE仅用于告知doc的类型，并且在检测到html标记上的ng-app指令时会发生角度自举。

为什么我的角应用程序不工作？

3 个答案: