AngularJS后退/前进按钮更新模型/范围

时间:2016-07-19 14:05:29

标签: javascript angularjs angularjs-scope url-routing angularjs-routing

我对AngularJS和URLS有疑问。当我按下浏览器中的后退/前进按钮时,我希望我的模型能够相应地更新。正如您在此页面中看到的: http://www.networkwestmidlands.com/whats-on/#params?when=Today&what=Events&where=birmingham

它从url(我设置为x模型的默认值的getter函数,如果可用)中提取变量,并将它们设置为每个搜索过滤器的模型。如果你开始更新过滤器,URL也会更新(这会调用ng-change上的函数),刷新或共享url会加载包含从url预定义的所有模型的页面。

我遇到的麻烦是按下后退/前进按钮时视图/控制器不会更新/刷新。

我在控制器中如何在页面加载上定义模型的示例:

Sub Test()

    Dim rRange As Range
    Dim lRows() As Long
    Dim x As Long

    Set rRange = Selection

    With rRange
        ReDim lRows(1 To .Areas.Count)
        For x = 1 To .Areas.Count
            lRows(x) = .Areas(x).Rows.Count
        Next x
    End With

End Sub

1 个答案:

答案 0 :(得分:0)

我最终使用了jQuery(document).ready(function() { var calendar = $('#Trafikkalender'); var date = $('#selectedDate').val(); var param = { date: date } var url = $('#calArrayPostUrl').data('url'); $.post(url, param, function(data) { var body = calendar.find('tbody'); //var rows = body.getElementsByTagName('tr'); var rows = body.find('tr'); for (var i = 0; i < rows.length; i++) { //var cols = rows[i].getElementsByTagName('td'); var cols = $(rows[i]).find('td'); for (var j = 0; j < cols.length; j++) { var col = $(cols[j]); col.addClass(data[i][j]); } } }); }); ,并按要求工作。