Javascript 如何从ui引导设置组件输出绑定'；s uibModal.open

给定具有输出绑定的组件，如下所示：

angular.module('app').component('myComponent', {
    templateUrl: 'myComponent.html',

    bindings: {
        onSelect: '&'
    },

    controller: class {

        selectedItems = [];

        // called when the user clicks a button, outputs an array of selected items
        selectItems() {
            this.onSelect({items: this.selectedItems});
        }

    }
});

如果用作标记，我可以使用以下代码获取所选项目：

<my-component on-select='$ctrl.select(items)' />

（我知道可能太晚了，但供将来参考…）

实际上，你已经非常接近解决方案了。您需要像以前一样在组件外部传递希望调用的函数，但在组件内部，您需要通过“resolve”绑定获得引用

普朗克：

$uibModal.open({
    component: 'myComponent',
    resolve: {
        onSelect: () => (items) => { console.log('parent event handler', items); }
    }
});

angular.module('app').component('myComponent', {
  templateUrl: 'modal.html',

  bindings: {
    resolve: '<'
  },
  controllerAs: 'vm',
  controller: function() {
    var vm = this;

    vm.ok = function() {
      vm.resolve.onSelect({
        item: 'from modal'
      });
    }
  }
});

  $scope.openModal = function() {
    $uibModal.open({
      component: 'myComponent',
      resolve: {
        onSelect: function() {
          return function(params) {
             alert('hooray: ' + params.item);
          };
        }
      }
    });
  };