$ routeProvider - 具有不同网址

Question

我有一个页面中显示的项目列表。我们的想法是点击一个项目，然后打开一个显示所选项目信息的模态，并在后台保留列表。 当模式打开时，URL应该更改。因此，我们的想法是为每个项目设置一个特定的URL，因此当您访问该URL时，您应该看到模式，项目信息和后台主页面。

I'm using $routeProvider for routing. 

  

示例：

     

我想要有类似的东西

     

http://www.eltrecetv.com.ar/articulo/le-salio-del-alma-el-emotivo-recuerdo-de-la-china-suarez-para-su-papa-en-una-fecha_087466

.config(function ($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
    })
    .when('/meals', {
        templateUrl: 'views/meals/meals.html',
        controller: 'MealsCtrl'
    })
    .when('/meal/:mealId', {
        templateUrl: 'views/meals/meal-profile.html',
        controller: 'MealCtrl'
    })

/ meal /：mealId 应以模态显示，并且当模态打开时，URL应该会更改。

我搜索了很多，但我找不到合适的答案。

感谢您的帮助!!

Answer 1

您可以指定要显示为模态的状态以及何时处理，返回到您想要的状态。例如： -

extension NSDate {
    static func week() -> (NSDate, NSDate) {
        let calendar = NSCalendar.currentCalendar()
        calendar.firstWeekday = 2
        var interval = NSTimeInterval(0)
        var startOfWeek: NSDate?
        var endOfWeek: NSDate!
        calendar.rangeOfUnit(.WeekOfMonth, startDate: &startOfWeek, interval: &interval, forDate: NSDate())
        endOfWeek = startOfWeek?.dateByAddingTimeInterval(interval - 1)

        return (startOfWeek!, endOfWeek)
    }
}

以下是plunker代码：code 我也会编辑routeProvider的答案。