angular-breadcrumb
angular-breadcrumb copied to clipboard
Page preview as link and span (together)
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?
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...
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 I don't use ngMaterial, only ngAnimate
@MatanYed and I don't use ngAnimate and it still doesn't work