如何在js中将angular 1指令转换为TypeScript中的angular 2 atribute指令

时间:2016-04-28 11:08:38

标签: angularjs angularjs-directive typescript angular angular2-directives

我从教程中尝试了这个,但在这种情况下我不知道如何做到这一点。请帮我把它转换成Angular 2 Atribute Directive。

function minimalizeBar($timeout) {
    return {
        restrict: 'A',
        template: '<a class="navbar-minimalize minimalize-styl-2 btn btn-    primary " href="" ng-click="minimalize()"><i class="fa fa-bars"></i></a>',
        controller: function ($scope, $element) {
            $scope.minimalize = function () {
                $("body").toggleClass("mini-navbar");
                if (!$('body').hasClass('mini-navbar') ||     $('body').hasClass('body-small')) {                        
                    $('#side-menu').hide();
                    setTimeout(
                        function () { 
                            $('#side-menu').fadeIn(500);
                        }, 100);
                } else if ($('body').hasClass('fixed-sidebar')){
                    $('#side-menu').hide();
                    setTimeout(
                        function () {
                            $('#side-menu').fadeIn(500);
                        }, 300);
                } else {
                    $('#side-menu').removeAttr('style');
                }
            }
        }
    };
};
angular
    .module('x') 
    .directive('minimalizeBar', minimalizeBar)

此代码来自angularjs指令。

0 个答案:

没有答案