Question

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

我的做法与崩溃部分中此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引导程序不支持此版本。只要我使用最新版本的Angular JS（版本1.4.3）更新我的项目，代码就开始为我工作了。

注意： - 至少需要版本1.3.X才能使Angular UI-Bootstrap适用于您的代码。

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

1 个答案: