angular-breadcrumb icon indicating copy to clipboard operation
angular-breadcrumb copied to clipboard

Page preview as link and span (together)

Open MatanYadaev opened this issue 9 years ago • 4 comments

Video to preview: https://drive.google.com/file/d/0B_2AM8ZhXhE9U2ZOT01vUUpldVk/view?usp=sharing

Dashboard is link and span in the same time. it's not looking good. It's have a delay until it fixed.

Code: Routes:

$stateProvider
    .state('app', {
        url: '',
        abstract: true,
        templateUrl: 'src/common/layouts/app/app.html'
    })
        .state('app.dashboard', {
            url: '/dashboard',
            controller: 'DashboardController',
            templateUrl: 'src/components/app/dashboard/dashboard.html',
            ncyBreadcrumb: {
                label: 'views.app.dashboard.title',
            }
        })
        .state('app.projects', {
            url: '/projects',
            controller: 'ProjectsController',
            templateUrl: 'src/components/app/projects/projects.html',
            ncyBreadcrumb: {
                label: 'views.app.projects.title',
                parent: 'app.dashboard'
            }
        })

Breadcrumb template:

$breadcrumbProvider.setOptions({
    template: '<ol class="breadcrumb">' +
        '<li ng-repeat="step in steps" ng-class="{ active: $last }" ng-switch="$last || !!step.abstract">' +
            '<a ng-switch-when="false" href="{{ step.ncyBreadcrumbLink }}" translate="{{ step.ncyBreadcrumbLabel }}"></a>' +
            '<span ng-switch-when="true" translate="{{ step.ncyBreadcrumbLabel }}"></span>' +
        '</li>' +
    '</ol>'
});

The label is working with translate directive (as you can see in the template)

Any idea what is the source of the problem? how to fix it?

MatanYadaev avatar Feb 19 '16 13:02 MatanYadaev

The problem is found - it happened because I had ngAnimate module in app.js. angular.module('app', ['ngAnimate']); When I changed it to: angular.module('app', []); The problem just solved. I don't know why. It's still an issue...

MatanYadaev avatar Feb 22 '16 00:02 MatanYadaev

I confirm this bug happend. We don't have ngAnimate on our project. Maybe this come with ngMaterial too ?

Would be nice if someone has found a fix thanks in advance

sebastienvermeille avatar Feb 26 '16 14:02 sebastienvermeille

@sebastienvermeille I don't use ngMaterial, only ngAnimate

MatanYadaev avatar Feb 26 '16 14:02 MatanYadaev

@MatanYed and I don't use ngAnimate and it still doesn't work

sebastienvermeille avatar Feb 26 '16 14:02 sebastienvermeille