【问题标题】:Unexpected error in angular js角度js中的意外错误
【发布时间】:2016-04-24 06:10:11
【问题描述】:

我正在学习 angularjs 并面临 angularjs 的错误 我正在尝试创建一个简单的角度模块得到错误 但是没有mudule的示例控制器功能可以正常工作 我在学习的地方编写了相同的视频代码

这里是代码

<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <title>
        Angular js
    </title>
</head>
<body>
<div class="containers" ng-controller="simpleController">
<input type="text" ng-model="name">
    <ul>
        <li ng-repeat="cust in customers | filter: name" | orderBy:'city'>{{ cust.name | uppercase}} - {{ cust.city | lowercase}}</li>
    </ul>
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
var demoApp = angular.module('demoApp'. []);
    function simpleController ($scope) {
        $scope.customers = [
        {name:'Dinesh', city:'Delhi'},
        {name:'Hansa', city:'Rajasthan'},
        {name:'Manju', city:'Rajasthan'},
        {name:'Mukesh', city:'Rajasthan'},
        {name:'Naresh', city:'Lahor'}
        ];
    }
    demoApp.controller('simpleController', simpleController);
</script>
</body>
</body>
</html>

但我的应用程序无法正常工作,显示如下错误

现在我的这个问题已经解决了 此代码适用于 AngularJS v1.2.28,但相同的代码不适用于 AngularJS v1.5.5 提前感谢您的帮助

【问题讨论】:

  • 答案应用程序正在运行,它适用于 AngularJS v1.2.28 但不适用于最新的 AngularJS v1.5.5,我在问题中附加了错误

标签: javascript angularjs model-view-controller


【解决方案1】:

var demoApp = angular.module('demoApp'. []);

应该是

var demoApp = angular.module('demoApp', []);

逗号而不是句号。只是语法错误:)

【讨论】:

    【解决方案2】:

    一切正常
    除了angular.module('demoApp'. [])
    必须是angular.module('demoApp', []) - 逗号而不是点,并且更细心

    <script type="text/javascript">
    var demoApp = angular.module('demoApp'. []); //REPLACE DOT WITH COMMA
        function simpleController ($scope) {
            $scope.customers = [
            {name:'Dinesh', city:'Delhi'},
            {name:'Hansa', city:'Rajasthan'},
            {name:'Manju', city:'Rajasthan'},
            {name:'Mukesh', city:'Rajasthan'},
            {name:'Naresh', city:'Lahor'}
            ];
        }
        demoApp.controller('simpleController', simpleController);
    </script>
    

    【讨论】:

      【解决方案3】:

      除了前面的答案之外,我没有看到您在 HTML 中引用 ng-app 指令,因此它应该在您的 body 标记中,如下所示: 正文 ng-app="demoApp"

      【讨论】:

      • 他在 HTML 标签上使用了ng-app 指令。
      【解决方案4】:

      改变这个

      angular.module('demoApp'. []),
      must be angular.module('demoApp', []) - comma instead of dot
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-08-06
        • 2016-09-08
        • 1970-01-01
        相关资源
        最近更新 更多