2

私のAngularプロジェクトには、親コンポーネントとAngular UI Routerの状態でロードするコンポーネントがいくつかあります。ページ コンポーネントで「fields」変数を送信します。

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

ページコンポーネントで「フィールド」変数を取得でき、ネストされたフォームページコンポーネントで取得したいと考えています。私はこれのために何をすべきですか？

4

0 に答える 0