angularjs multi step form performance

Question

Привет Я работаю над проектом, который имеет пятиступенчатую форму, и есть около 10 нг-повторений значения json. Я столкнулся с проблемой производительности, когда есть пустой ng-repeat, поэтому мои поля не показывают значения, но когда я обновляю браузер, он снова работает. Я использую ui.router. Как решить эту проблему, пожалуйста, помогите. В любом случае, это может обеспечить загрузку всех значений.

Answer 1

Используйте параметр resolve углового ui-router, чтобы убедиться, что данные доступны до создания экземпляра контроллера.

https://github.com/angular-ui/ui-router/wiki прокрутите вниз до раздела resolve.

Edit: для конкретного случая использования ...

$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')