asp.net-mvc - バックボーン ルートが URL でアクションを呼び出さない

Question

これは、ASP.NET MVC を使用した単純な ToDo アプリのコードです。

 var Appointment = Backbone.Model.extend({
        defaults: function () {
            return {
                'date': new Date(),
                'cancelled': false,
                'title': 'Checkup'
            }
        }
    });

    var AppointmentList = Backbone.Collection.extend({
        model: Appointment,
        url:"/Home/Appointments"
    });

    var AppointmentView = Backbone.View.extend({
        template: _.template('<span class="<% if(cancelled) print("cancelled") %>"><%= title %></span><a href="Home/Appointment/<%= id %>">x</a>'),

        initialize: function () {
            this.model.on('change', this.render, this);
        },

        render: function () {
            this.$el.html(this.template(this.model.toJSON()));
            return this;
        }
    });

    var AppointmentListView = Backbone.View.extend({
        initialize: function () {
            this.collection.on('add', this.addOne, this);
            this.collection.on('reset', this.render, this);
        },
        render: function () {
            this.collection.forEach(this.addOne, this);
        },
        addOne: function (model) {
            var appointmentView = new AppointmentView({ model: model });
            appointmentView.render();
            this.$el.append(appointmentView.el);
        }
    });


    var AppRouter = new (Backbone.Router.extend({
        routes: { "Home/Appointment/:id": "show", "": "index" },

        initialize: function (options) {
            this.appointmentList = new AppointmentList();
        },

        start: function () {
            Backbone.history.start({ pushState: true });
        },

        index: function () {
            var appointmentsView = new AppointmentListView({ collection: this.appointmentList });
            appointmentsView.render();
            $('body').html(appointmentsView.el);
            this.appointmentList.fetch();
        },

        show: function (id) {
            debugger;
            var appointment = new Appointment({ id: id });
            var appointmentView = new AppointmentView({ model: appointment });
            appointmentView.render();
            $('body').html(appointmentView.el);
            appointment.fetch();
        }
    }));

    $(function () { AppRouter.start() });

コードに圧倒されないでください。よく見ると、私は初心者なのでとても簡単です。私の問題は、showアクションがヒットしていないことです。ただし、index機能し、ページにビューを設定できます。関数をヒットするためにあらゆる種類のURLを試しましたshowが、失敗しました。誰かがこれを正しくするために何をする必要があるか教えてもらえますか?