AngularJS:点击后为什么按钮隐藏?

时间:2015-05-15 08:51:02

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我试图打开菜单菜单打开按钮点击。我能够显示菜单选项。但我面临一个问题我的按钮是隐藏当菜单选项显示。菜单应显示在按钮下方。我需要显示用户点击按钮时按钮以及菜单。我需要菜单显示在按钮下方

这是我的代码

http://codepen.io/anon/pen/RPaOKJ

var app = angular.module("ionicApp", ['ionic']);
app.directive('custommenu', function () {
    return {
        restrict: 'A',
        scope: {

        },
        link: function (scope, element, attr) {

            $(element).menu();
        }
    }
})
app.controller('cnt', function ($scope) {
    $scope.isMenuVisible = false;
    $scope.showMenu = function () {
        $scope.isMenuVisible = true;

    }
})

1 个答案:

答案 0 :(得分:1)

按钮不会隐藏。

尝试将margin-top: 30px;添加到.menu

http://codepen.io/anon/pen/XbdQgN