angular2 + bootstrap + data-toggle =“tab”

Question

我遇到了愚蠢的问题。 我有以下代码：

            <div class="row">
                <div class="span12">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active">
                            <a href="#tab-1" data-toggle="tab">Details</a>
                        </li>
                        <li>
                            <a href="#tab-2" data-toggle="tab">Images</a>
                        </li>
                        <li>
                            <a href="#tab-3" data-toggle="tab">Paints</a>
                        </li>
                        <li>
                            <a href="#tab-4" data-toggle="tab">Manual</a>
                        </li>
                    </ul>
                    <div class="tab-content" #tab >
                        <div class="fade tab-pane active" id="tab-1">
                        </div>
                        <div class="fade tab-pane" id="tab-2">
                        </div>
                        <div class="fade tab-pane" id="tab-3">
                        </div>
                        <div class="fade tab-pane" id="tab-4">
                        </div>
                    </div>
                </div>
            </div>

如果我有带id的p标签 - 它可以正常工作。 但我有标签。我回顾了很多SoF的例子和问题，但对我来说没什么用。我做错了吗？