0

foreachボタンの一部を将来のオプションのプレースホルダーにしたいので、Bootstrap btn-group の静的要素とa を混在させようとしています。だから私はそれを次のように設定しました：

<div class="btn-group pull-right">
    <span data-bind="foreach: router.visibleRoutes">
        <a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" href="#" class="btn btn-info"></a>
    </span>
    <div class="btn btn-info">Future Option</div>
    <div class="btn btn-info">Future Option</div>
</div>

ただし、これにより、 で作成されたボタンのforeachすべての側面が丸みを帯びた角になり、 で期待されるようにボタンが「面一」にならなくなりますbtn-group。はspan、通常のボタン グループのスタイリングを中断します。コンテナレス構成も試しました：

<div class="btn-group pull-right">
    <!-- ko foreach: router.visibleRoutes -->
        <a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" href="#" class="btn btn-info"></a>
    <!-- /ko -->
    <div class="btn btn-info">Future Option</div>
    <div class="btn btn-info">Future Option</div>
</div>

ただし、レンダリングすると同じspanタグになるため、効果は同じです。foreachをdivに配置btn-groupすると、 static 要素が each に対して繰り返されるためrouter.visibleRoutes、これは受け入れられません。これを回避する方法はありますか？

4

1 に答える 1

1

あなたの2番目のアプローチがうまくいくようです。ブラウザのキャッシュの問題でしょうか？

jsfiddle を参照してください: http://jsfiddle.net/ptw8a/

<!-- ko foreach: visibleRoutes -->
    <a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" href="#" class="btn btn-info"></a>
<!-- /ko -->

2 番目のアプローチでスパン オブジェクトが生成される理由が見つかりません。

于 2013-03-31T02:50:44.630 に答える