Angular JS- ui.bootstrap.collapse 无法正常工作

Question

我正在为我的应用程序使用 Angular-ui Bootstrap。我正在尝试使用 angular-ui bootstrap.

的折叠属性

我正在做与折叠部分 site 示例中所示相同的操作。但是我没有明白我在我的代码中做错了什么，这不能正常工作。

这是我的代码片段

<h1>Your Connections</h1><a href="" ng-click="isCollapsed = !isCollapsed" class="button-link">Invite your friend to join you</a>
            <div collapse="isCollapsed">
                <button style="float:right; margin-right: 4px; margin-top: 5px; background-color: #8AA8BD; height: 30px" ng-click="sendInvite()">Send</button>
                <input type="text" class="well well-sm" style="float: right">
            </div>

虽然运行此代码给出以下错误

TypeError: Cannot read property 'then' of undefined
at e (ui-bootstrap-tpls-0.13.0.min.js:8)
at Object.fn (ui-bootstrap-tpls-0.13.0.min.js:8)
at Object.$get.Scope.$digest (angular.js:9831)
at Object.$get.Scope.$apply (angular.js:10039)
at angular.js:1127
at Object.invoke (angular.js:3123)
at doBootstrap (angular.js:1125)
at bootstrap (angular.js:1140)
at angularInit (angular.js:1091)
at angular.js:17898(anonymous function) @ angular.js:7818$get @ angular.js:5601$get.Scope.$digest @ angular.js:9843$get.Scope.$apply @ angular.js:10039(anonymous function) @ angular.js:1127invoke @ angular.js:3123doBootstrap @ angular.js:1125bootstrap @ angular.js:1140angularInit @ angular.js:1091(anonymous function) @ angular.js:17898trigger @ angular.js:1990(anonymous function) @ angular.js:2246forEach @ angular.js:196eventHandler @ angular.js:2245

以及下面的错误

TypeError: fn is not a function
at angular.js:11316
at completeOutstandingRequest (angular.js:3457)
at angular.js:3751

请帮助我找出我在代码中做的错误。任何帮助将不胜感激....谢谢。

Answer 1

我找到了问题的答案。问题是我使用的是旧版本的 Angular JS（版本 1.2.X）。 UI bootstrap 不支持此版本。一旦我用最新版本的 Angular JS（版本 1.4.3）更新我的项目，代码就开始为我工作。

注意:- 需要版本 1.3.X 至少要使 Angular UI-Bootstrap 为您的工作代码。

Angular JS- ui.bootstrap.collapse 无法正常工作

Angular JS- ui.bootstrap.collapse not working properly

angularjs

angular-ui-bootstrap