Modal dialog 将html元素呈现到组件的视图中

Modal dialog 将html元素呈现到组件的视图中,modal-dialog,dart,bootstrap-modal,angular2-services,angular-dart,Modal Dialog,Dart,Bootstrap Modal,Angular2 Services,Angular Dart,我有一个模式的服务,其中一个模式的widnow HTML是从URL获取的,并附加到DOM主体中。服务内部的模态元素是否可以附加(呈现)到组件的视图中 这种情况下的问题是:组件中变量和函数的角度绑定在附加到DOM的模态元素中不起作用 服务: 到底是哪一部分导致了问题?模态模板中的绑定不适用于组件变量。什么绑定?您是指editUser.html中的一些角度绑定吗?角度绑定仅在静态添加到组件模板时才起作用,否则它们就不起作用,您也无法使其起作用。在Dart中,当运行pub build时,这必须在组件模

我有一个模式的
服务
,其中一个模式的widnow HTML是从URL获取的,并附加到DOM主体中。服务内部的模态元素是否可以附加(呈现)到
组件的视图中

这种情况下的问题是:组件中变量和函数的角度绑定在附加到DOM的模态元素中不起作用

服务:
到底是哪一部分导致了问题?模态模板中的绑定不适用于组件变量。什么绑定?您是指
editUser.html
中的一些角度绑定吗?角度绑定仅在静态添加到组件模板时才起作用,否则它们就不起作用,您也无法使其起作用。在Dart中,当运行
pub build
时,这必须在组件模板中,在TS中,可以在运行时加载组件编译器并按需编译组件。Dart不支持,也不打算这么做。是的。我指的是
editUser.html
中的绑定。谢谢,我想这是最难看的部分。您不应该避免在Angular中创建组件。它们是基本的构建块,不需要太多模板就可以获得组件。
@Injectable()
class ModalService {
  String templateUrl;
  final BrowserClient _client = new BrowserClient();

  ModalService();

  Future getTemplate(String url, {Map<String, String> headers}) async {
    return await _client.get(url);
  }

  Future getModal(String url) async {
    var response = await getTemplate(url);
    var modalTemplate = response.body;

    if (modalTemplate == null) return null;

    Element modalElement =
        new Element.html(modalTemplate, validator: new NeutralNodeValidator());

    document.body.children.add(modalElement);

    return modalElement;
  }
}
class UsersManagingComponent(this._userManagingService, this._routeParams,
      this._location, this._authHttp, this._modalService, this.ref, this._viewContainer);

  /// Open Modal
  Future edit() async {
    await _modalService.getModal('templates/users/modals/editUser.html');
    context.callMethod(r'$', ['.modal']).callMethod('modal', ['show']);
  }

}