javascript - 如何将值注入(inject)到 UI。引导模态

Question

我在向引导模式注入(inject)值时遇到一些问题。 在模态 Controller 中，关键变量的值是未定义的。

打开模态框的代码

var key = 100;
var opts = {
  backdrop: true,
  backdropClick: false,
  dialogFade: false,
  keyboard: true,
  controller: 'modalController',
  controllerAs: 'vm',
  templateUrl: "/app/features/modal/modal.html",
  resolve: {
    key: () => key
  }

};

var modalInstance = this.$modal.open(opts);

模态 Controller

module Workspace.Controllers {
  "use strict";
  export interface IModalController {
    ok: () => void;
    cancel: () => void;
  }
  export class ModalController implements IModalController {
    static $inject = ['$modalInstance', 'key'];

    constructor(private $modalInstance: any, private key: any) {

    }
    public ok = () => {
      this.$modalInstance.close();
    };

    public cancel = () => {
      this.$modalInstance.dismiss('cancel');
    };
  }
}

app.ts

workspaceApp.workspaceModule.controller('modalController', ['$modalInstance', ($modalInstance: any, key: any) => new Controllers.ModalController($modalInstance, key)]);

Answer 1

['$modalInstance', ($modalInstance: any, key: any)

您缺少'key'，因此参数将未定义。