使用Angular UI Router在嵌套组件中进行数据绑定

Question

在我的Angular项目中，我有一些在父组件和Angular UI Router状态下加载的组件。我发送＆＃34;字段＆＃39;页面组件中的变量。

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() {
    ...
    }]
});
...

我可以得到＆＃34;字段＆＃34;页面组件中的变量，我想在嵌套的FormPage组件中获取它。我应该为此做些什么？