Question

My Simple Angular JS应用程序无效。任何人都可以帮助我，以下是代码。 Index.js是包含脚本文件controller.js的主文件。

当我尝试运行应用时，浏览器不会显示任何错误：

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

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="utf-8" />
    <title>Welcome</title>
</head>
<body ng-controller="myCtrl">
    <nav>Navigation</nav>
    <div ng-controller="myCtrl">
        <input type="text" ng-model="name">
        <h1>{{name}}</h1>
    </div>
    <footer>Copyright-2017</footer>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>
</html>

Answer 1

这是由于脚本加载语句

更改

<script src="js/angular.min.js" />
<script src="js/controller.js" />

带

<script src="js/angular.min.js"></script>
<script src="js/controller.js"></script>

Answer 2

简单的Angularjs应用程序无需网络服务器即可运行。你的例子也可以。

只需正确关闭脚本标记。

<script src="js/angular.min.js"></script>
<script src="js/controller.js"></script>

简单的Angular JS应用程序无法正常工作且未显示任何错误

2 个答案: