Change $index angularjs with 'something' (eg. 'slug').

README.md

** README **

app.js

var app = angular.module('myApp', ['ngRoute']);

app.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            controller: 'HomeController',
            templateUrl: 'welcome/listAll'
        })
        .when('/read/:slug', {
            controller: 'ReadController',
            templateUrl: 'welcome/read'
        })
        .otherwise({
            redirectTo: '/'
        });
});

blogs.js

app.factory('blogs', ['$http', function ($http) {
    return $http.get('api/blog')
        .success(function (data) {
            return data;
        })
        .error(function (data) {
            return data;
        });
}]);

ReadController.js

app.controller('ReadController', ['$scope', 'blogs', '$routeParams', function ($scope, blogs, $routeParams) {
    //    blogs.success(function (data) {
    //                $scope.detail = data[$routeParams.id];
    //
    //    });

    blogs.success(function (data) {
        data.some(function (blog) {
            if (blog.slug === $routeParams.slug) {
                $scope.detail = blog;
            }
        });
    });

}]);