javascript - 使用 Angular UI 路由器在嵌套组件中绑定数据

Question

在我的 Angular 项目中，我有一些组件加载到父组件和 Angular UI Router 状态。我在页面组件中发送“字段”变量。

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 组件中获取它。我应该为此做些什么？