我有一个简单的表单,希望在单击按钮时显示。即一个按钮显示“添加新用户”,然后页面展开并显示一个表单,在用户完成表单的工作后,表单折叠回来并向用户显示一条消息。我面临的第一个问题是:使用此代码
function AngularUI($scope, $window) {
$scope.collapse = function (selector) {
angular.element(selector).collapse();
}
}
和
<div class="ang-ui-test">
<button ng-click="collapse('#collapsible')">
using angular.element
</button>
<div id="collapsible" class="collapse">
some thing in here ...... !
</div>
<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
simple collapsible
</button>
<div id="demo" class="collapse in">This one work properly</div>
</div>
第二个不使用 angular.element.collapse 的工作正常。
第二个问题是:我如何测试上述行为。
在第一次按下按钮时,如果 div 被隐藏,则使用 angular.element 的那个会显示出来,但是在显示后它不会隐藏可折叠。(即一个按钮显示“添加新用户”,然后页面展开并显示一个表单,在用户完成表单的工作后,表单折叠回来并向用户显示一条消息。
提前致谢。