Question

我在我正在进行的项目中使用angular-gridster 我们主要使用 angular 1.5 组件构建项目。我的观点如下：

<qn-grid>

        <qn-grid-item sizeX="1" sizeY="1" col="0" row="0">

        </qn-grid-item>

        <qn-grid-item sizeX="1" sizeY="1" col="0" row="1">

        </qn-grid-item>

    </qn-grid>

在 qnGridItem 组件中，绑定对象始终未定义如何从属性中获取值（qnGridItem中的绑定对象）？（应该是 qnGrid 模板？）

目前 qnGrid 是：

<div gridster="$ctrl.gridsterOpts">
     <div ng-transclude></div>
</div>

qnGridItem ：

var qnGridItem = {
        bindings: {
            sizeX: '@',
            sizeY: '@',
            col: '@',
            row: '@'
        },
        require: {
            qnGrid: '^^'
        },
        transclude: true,
        template: `
            <div gridster-item="$ctrl.itemMap" >
              <div ng-transclude></div>
            </div>
          `,
        controller: function () {

            var ctrl = this;
            ctrl.$onInit = function () {

                console.log(ctrl.qnGrid)

                ctrl.itemMap = {
                    sizeX: 'item.size.x',
                    sizeY: 'item.size.y',
                    row: 'item.position[0]',
                    col: 'item.position[1]'
                };

                ctrl.item = {
                    size: {
                        x: ctrl.sizeX,
                        y: ctrl.sizeY
                    },
                    position: [ctrl.col, ctrl.row]
                };
                ctrl.qnGrid.addItem(ctrl.item);
            };
        }
    };

我试图从Todd Mottos's posts

进行检查

Answer 1

当你愚蠢的时候！ rrrrrrrrrrrrrrrr
问题在于我的属性套管@＃％＃W $ ^ W＃％@＃$。
我写了sizeX，它应该是size-x ....
没有黑暗的魔法，没有新的未解决的角度的错误 - 只有我和我的noobness
遗憾

如何转换组件？

1 个答案: