相关疑难解决方法(0)

如果我去这里

http://getbootstrap.com/2.3.2/javascript.html#modals

然后点击"启动演示模式"它会完成预期的操作.我正在使用模式作为我的注册过程的一部分,并且涉及服务器端验证.如果有问题,我想将用户重定向到同一模式,并显示我的验证消息.目前我无法弄清楚除了来自用户的物理点击之外如何显示模态.如何以编程方式启动模型？

尝试订阅Observable时,我遇到了一个奇怪的错误.

这是代码的淡化版本,它提出了问题:

import {Component, Input, OnInit, ViewChild} from '@angular/core';
import Rx from 'rxjs/Rx';

@Component({
  selector: 'action-overview-description',
  template: require('./actionOverviewDescription.html')
})
export class ActionOverviewDescription  {
  @ViewChild('button') button;

  constructor() {}
  
   ngOnInit() {

    let buttonStream$ = Rx.Observable.fromEvent(this.button, 'click')
        .subscribe(res => console.log(res));

  }
}

<button #input>Button</button>

我在控制台中遇到的错误是:

无效的事件目标

当我订阅流时,错误仅显示.如果我只创建它但不订阅,则没有错误.如果我在console.log中流,它似乎有一个订阅成员.

我试过谷歌搜索错误,但我似乎无法找到它解释的任何地方.

我想我正在使用Rxjs 4.0.5(根据npm rxjs --version).

我已经看到下拉菜单的文档作为组件并单独使用javascript.

我想知道是否可以在网站的正文中添加一个下拉菜单(相对于可点击按钮元素的绝对位置).

为什么？

• 因为如果我有一个包含500行的表,我不想添加相同的10个项目列表500次,这使得处理JS时生成的HTML变得更大更慢.

• 因为父元素可以被隐藏,但我仍然希望下拉菜单可见,直到它们点击外面它没有聚焦它.

我找到了更多人要求这个功能,但我在文档中找不到任何关于它的内容.

我编写了一个简单的angular 2组件，其中显示了一个Bootstrap选项卡。我想处理引导事件show.bs.tab。我试图将事件处理程序放在ul和所有标签上，但没有收到任何事件。

@Component({
    selector: 'tabpanel',
    template: `
        <div>
        <ul class="nav nav-tabs" role="tablist" (show.bs.tab)="onTab()">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab" (show.bs.tab)="onTab()">Home</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab" (show.bs.tab)="onTab()">Profile</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab" (show.bs.tab)="onTab()">Messages</a></li>
            <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab" (show.bs.tab)="onTab()">Settings</a></li>
        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">1...</div>
            <div role="tabpanel" class="tab-pane" id="profile">2...</div>
            <div role="tabpanel" class="tab-pane" id="messages">3...</div>
            <div role="tabpanel" class="tab-pane" id="settings">4...</div>
        </div>
        </div>`,
    directives: [CORE_DIRECTIVES]
})
class TabbedPanel {
    onTab() {
        console.info('tab !!');
    }
}

如何接收引导事件？对于诸如fullcalendar，暴露各种事件的openlayers之类的库的事件，我可能会有相同的问题。我使用角度2 alpha 44。