下面是我从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;
}