Sort files on gulp-inject index task

I am trying to sort my files since I am getting an Angular error because of the sort of the files.

This is my Gulp file

``` javascript
var gulp = require('gulp');
var angularFilesort = require('gulp-angular-filesort');
var naturalSort = require('gulp-natural-sort');
var inject = require('gulp-inject');

gulp.task('index', function () {
var target = gulp.src('./public/index.html');
var sources = gulp.src(
['./**/*.js', './**/*.css'],
{
read: false,
cwd: __dirname + "/public/",
}
).pipe(angularFilesort());

return target.pipe(inject(sources, { addRootSlash: false }))
.pipe(gulp.dest('./public'));
});
```

the files are sorting like this

``` html















```

and here the folders

[](http://i.stack.imgur.com/vThl1.png)

and the console errors

[](http://i.stack.imgur.com/aKBvk.png)

so what am I missing?

Start by reproducing the `index` Gulp task using `public/index.html` and the JavaScript sources shown in the issue, then inspect how `angularFilesort()` determines their order. Done means identifying why the generated injection order causes the reported Angular errors and either correcting the behavior or documenting the required configuration.

Written by the indexing model from the issue text.