Блог

В моем проекте Angular у меня есть несколько компонентов, которые загружаются в родительский компонент и состояние маршрутизатора Angular UI. Я отправляю переменную «поля» в компоненте страницы.

index.js

 ...
angular.
module('generalApp').
config(['$stateProvider',
    function config($stateProvider) {
        $stateProvider
            .state('settings', {
                url: '/settings',
                component: 'page',
                resolve: {
                    type: function() {
                        return "form";
                    },
                    fields: function() {
                        return require("./data/settingsFields.json");
                    }
                }
            })
    }
]);
...
  

page.component.js

 ...
angular.
module('page').
component('page', {
    bindings: {
        type: '@',
        fields: '<'
    },
    template: '...<form-page ng-if="$ctrl.type"></form-page>...',
    controller: [function PageController() {
        ...
        }
    ]
});
...
  

и formPage.component.js

 ...
angular.
module('formPage').
component('formPage', {
    bindings: {
        fields: '<'
    },
    template: require('./formPage.template.html'),
    controller: [function formPageController() {
    ...
    }]
});
...
  

Я могу получить переменную «поля» в компоненте страницы, и я хочу получить ее во вложенном компоненте FormPage. Что я должен для этого сделать?