The function in question:
function suggest_state_delimited(term) {
var ix = term.lastIndexOf('\n', ',', '.'),
lhs = term.substring(0, ix + 1),
rhs = term.substring(ix + 1),
suggestions = suggest_state(rhs);
suggestions.forEach(function (s) {
s.value = lhs + s.value;
});
return suggestions;
};
I tried to see what might be causing the problem by isolating the code and running it in a codepen
And I see that the console log somehow escapes quotes after a new line
I don't know if this is a thing with javascript or just codepen
I just wonder if it could be what is causing my problem.
My hacky solution which will do for now:
function suggest_state_delimited(term) {
var delimiters = [term.lastIndexOf('\n'), term.lastIndexOf(' '), term.lastIndexOf('.'), term.lastIndexOf(',')];
var ix = Math.max(...delimiters),
lhs = term.substring(0, ix + 1),
rhs = term.substring(ix + 1),
suggestions = suggest_state(rhs);
suggestions.forEach(function (s) {
s.value = lhs + s.value;
});
return suggestions;
};
UI Router issue here, if anyone can glance at this.
Heres the state config:
function config($stateProvider, $provide) {
$stateProvider
.state('engagements', {
abstract: true,
url: '/engagements',
redirectTo: 'engagements.home',
template: '<engagement-app />'
})
.state('engagements.home', {
url: '/home',
views: {
'@': {
template: '<parent-engagement-list />'
}
}
})
.state('engagements.create', {
url: '/create',
views: {
'@': {
template: '<engagement-create />'
}
}
})
.state('engagements.details', {
url: '/details/:engagementId',
redirectTo: 'engagements.details.home',
views: {
'@': {
template: '<parent-engagement-details />'
}
}
})
.state('engagements.details.home', {
url: '/home',
views: {
'details': {
template: '<engagement-details [engagement]="engagement" />'
}
}
})Trying to target a ui-view named "details" inside the <parent-engagement-details /> component.
But doesn't seem to be targeting it correctly.
Here's the <parent-engagement-details /> component that has the ui-view.
<div>
<div class="ui bottom attached no-border tab active">
<h1>Details UI-VIEW</h1>
<div ui-view="details"></div>
</div>
</div>Anyone? :(
Let me know if there is any information anyone needs to debug this.
Which I may have left out.
As far as I know, AngularJS doesn't support using components/directives as self closing tags.
Hi
@frederikprijck Or rather, nested ui-views.
@frederikprijck I changed the self-closing to be open-closed tags, BTW.
I'm only a little bit familiar with ui router.
any chance u have a plunkr or something ?
There is a component.ts file for each component template file.
The project is enterprise level, and we are transitioning from Angular.js to Angular.
@frederikprijck Yes, that is what I mean.
I noticed that ui-sref directive doesn't work...
U are trying to run an angular component in another angular component using ui router.
The <parent-engagement-list> has a ui view in it, and <parent-engagement-list> is rendered inside ui-view within <engagement-app>
could this work? No idea tbh
Combining both routers isn't fun, but I've done it before.