twitter-bootstrap - バインド中に監視可能な配列をトリムする

Question

divのIDにバインドするオブザーバブルがあります。バインディング中に空白と特殊文字を削除するにはどうすればよいですか。

 <div class="panel-group" id="accordion">
            <div class="panel panel-default" data-bind="foreach:ScheduleClauseArray">
                <div class="panel-heading" >
                    <h4 class="panel-title">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-bind="attr: { href : '#' + ScheduleClause.trim()}, text:ScheduleClause">Collapsible Group Item #1
                        </a>
                    </h4>
                </div>
                <div data-bind="attr: {'id': ScheduleClause.trim()}" class="panel-collapse collapse in">
                    <div class="panel-body">
                        Anim pariatur cliche reprehenderit, enim eiusmod high 
                    </div>
                </div>
            </div>                
        </div>