Comments (12)
I didn't think about that when I started designing the module :) I'm asking myself about include the refactoring the template in the next minor release (0.4.0). I keep the issue open.
Nevertheless, even with href
, the page-reload is not expected. Can you provide more informations about it ?
- Value of the
href
- html5mode or not ?
- Versions of angular, ui-router and angular-breadcrumb
- A plunker would be great (you can fork this one )
from angular-breadcrumb.
Ive updated to
ui-router: 0.2.13
angular: 1.3.8
angular-breadcrumb: 0.3.3
works as expected now without page-reload, thanks
decorating the template is also a easy solution
app.config(function($breadcrumbProvider) {
$breadcrumbProvider.setOptions({
template:
'<div class="breadcrumb">' +
'<a ng-repeat="step in steps" class="btn btn-flat" ui-sref="{{step.name}}" ng-disabled="$last">{{step.ncyBreadcrumbLabel}}</a>' +
'</div>'
});
});
from angular-breadcrumb.
I keep the issue open (to keep in mind the refactoring of the template).
Please, can you give me your old versions of dependencies ? (I would like to know if there is a general problem with a specific set of versions)
from angular-breadcrumb.
Sorry to say but i dont have the old dep-list. This project was versioned after the update.
from angular-breadcrumb.
It is still relevant to implement the use of ui-sref instead of href.
A manual change in the template as suggested by psi-4ward is possible, but only if static content is used.
A dynamic content parent as the example below isn't handled correct:
ncyBreadcrumb: {
parent: function($scope){ return 'show({id: ' + $scope.itemId+ '})'; },
label: 'Details'
}
Or am I missing something here?
from angular-breadcrumb.
This still NOT working?!
ncyBreadcrumb: {
parent: function($scope){ return 'show({id: ' + $scope.itemId+ '})'; },
label: 'Details'
}
I have the same need!
from angular-breadcrumb.
That's because I DON'T have time to investigate and fix it. Fortunately, PR are welcome.
from angular-breadcrumb.
Oh i see, make sense. Your work is great!
Keepgoing!
from angular-breadcrumb.
@aragao-diego It's not working because the state.name is already parsed into state name without params. For example, passing "show({id: 3})" will be parsed as "show" as the step.name.
@ncuillery you could add conf.ncyBreadcrumbState = stateRef; inside $$addStateInChain function.
So, inside the template we could use ui-sref="{{ step.ncyBreadcrumbState }}" instead.
from angular-breadcrumb.
I made a Pull Request for this. Hope you can review it.
from angular-breadcrumb.
@ncuillery Is the feature added by @kiddo13 merged with main branch?
Thank You.
from angular-breadcrumb.
@AnirudhaGohokar Yes 😄
The fix has been merged (release pretty soon) and I addressed the template enhancement in #142.
from angular-breadcrumb.
Related Issues (20)
- Wiki addition
- Does "getStatesChain" consider state parameters to add a state to the state chain?
- Unexpected behavior, Views are changing automatically. HOT 1
- Direct links & stateParams HOT 2
- NG1 ES6 components usage HOT 10
- Doesn't work with Angular 1.6 components HOT 3
- Angular Material support for BreadCrumb
- Access state's controller scope in breadcrumb template
- Bootstrap 4 HOT 1
- Loss of context in breadcrumb labels HOT 1
- TypeError: Cannot read property 'ncyBreadcrumb' of null HOT 3
- How to send parameter HOT 1
- navigation fails if parent state requires stateparams
- Expose parameter for label from named view
- Dynamic breadcrumbs not showing on reload with ui-router 1.0.4
- Update to use transition hook API instead of state change events
- Angular 2 version?
- Unable to access $resolve for some components
- Dropdown element as Breadcrumb step
- how to set ncyBreadcrumbLink HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-breadcrumb.