如何解释输出-浏览器日志?下面代码中的确切错误原因是什么?我用的是旧的angular.min.js吗?

How to interpret Output - Browser log? What is the exact error cause in code below? Am I using old angular.min.js?

本文关键字:是什么 错误 js min angular 解释 何解释 输出 代码 日志 浏览器      更新时间:2023-09-26

下面是我从http://angular-ui.github.io/bootstrap/获取的标记(用于angularjs实践/学习)我粘贴到index.html

中的Collapse (ui.bootstrap。Collapse)
<div ng-controller="CollapseDemoCtrl">
                <button class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
                <hr>
                <div collapse="isCollapsed">
            <div class="well well-lg">Some content</div> 
                </div>
    </div>

下面是相应的javascript我捡起:http://angular-ui.github.io/bootstrap/(ui.bootstrap.collapse),粘贴到app.js

function CollapseDemoCtrl($scope) {
  $scope.isCollapsed = false;
}

下面是Netbeans IDE中显示的Output- Browser日志:

    Error: [ng:areq] Argument 'CollapseDemoCtrl' is not a function, got undefined
http://errors.angularjs.org/1.3.0-beta.10/ng/areq?p0=CollapseDemoCtrl&p1=not%20a%20function%2C%20got%20undefined
    at http://localhost:8383/bmw/js/angular.js:78:12
    at assertArg (public_html/js/angular.js:1553:11)
    at assertArgFn (public_html/js/angular.js:1563:3)
    at http://localhost:8383/bmw/js/angular.js:7278:9
    at http://localhost:8383/bmw/js/angular.js:6662:34
    at forEach (public_html/js/angular.js:327:20)
    at nodeLinkFn (public_html/js/angular.js:6649:11)
    at compositeLinkFn (public_html/js/angular.js:6106:15)
    at nodeLinkFn (public_html/js/angular.js:6697:24)
    at compositeLinkFn (public_html/js/angular.js:6106:15) (05:34:11:286 | error)

确保你在父元素的某个地方声明了ng-app(即围绕控制器的body或div标签)。参见jsfiddle http://jsfiddle.net/Fn4rL/14/

HTML:

<body ng-app>
    <div ng-controller="CollapseDemoCtrl">
        <button class="btn btn-default" ng-click="isCollapsed =!isCollapsed">Toggle collapse</button>
        <hr/>
        <div ng-show="isCollapsed">
            <div class="well well-lg">Some content</div>
        </div>
    </div>
</body>

JS

function CollapseDemoCtrl($scope) {
  $scope.isCollapsed = false;
}