Question

我使用angularJS和AngularUI API。

我的问题是当我使用包含崩溃的指令时。

会发生什么：

我的指令初始化正确，但当我将折叠设置为false并且我需要动画时，不动画。

我的模板使用指令：

<div ng-if="showDirective">
    <my-form></my-form>
</div>

我的指示：

angular.module('app')
    .directive('myForm', MyForm);

 function MyForm() {
        return {
            controllerAs: 'gr',
            restrict: 'E',
            replace: false,
            templateUrl: 'myForm.html',
            scope: {
                cancel: '&?',
            },
            link:link,
            controller: controller,
        }

        function link(scope, element, attrs, ctrl){
          angular.element(document).ready(function(){
            ctrl.isCollapse = false;
          });
        }

        function controller($scope) {
            var vm = this;
            vm.isCollapse = true;
        }
    }
})()

我的指令模板：

<div>
    <div collapse="gr.isCollapse">
        //A lot of code....
    </div>
</div>

Answer 1

得到了!!!

我只是使用 $ timeout 将 isCollapsed 设置为false：

function link(scope, element, attrs, ctrl){
  $timeout(function(){
    ctrl.isCollapse = false;
  }, 0);
}

加载指令后崩溃工作。

如何在使用ng-if指示的指令内设置崩溃动画

1 个答案: