Question

您好我正在处理具有五步形式的项目，并且大约有10 ng重复的json值。我有时会遇到性能问题，因为我的字段没有显示任何值，但是当我刷新浏览器时它再次工作我正在使用ui.router。我该如何解决这个问题请帮忙。无论如何都可以确保加载所有值。

Answer 1

使用angular ui-router的resolve参数确保在实例化控制器之前数据可用。

https://github.com/angular-ui/ui-router/wiki向下滚动到resolve部分。

针对您的特定用例

编辑 ...

$stateProvider.state('wsp.first_step', 
  { 
    url: '/first_step', 
    templateUrl: 'wsp_edit_step_first',
    resolve: {
      jsonData: function() { //jsonData can be injected into controller
        return /* insert json objects here */;  
      }
    }
  }).state('wsp.second_step', 
  { 
    url: '/second_step', 
    templateUrl: 'wsp_edit_step_second',
    resolve: {
      jsonData2: function() { //jsonData2 can be injected into controller
        return /* insert json objects here */;  
      }
    } 
  }) 
  $urlRouterProvider.otherwise('/wsp/first_step')

angularjs多步形式表现

1 个答案: