模态内的AngularStrap模态

Question

Whit AngularStrap模态指令，是否可以在模态框内/内打开另一个模态对话框？

我要做的是，打开一个包含要选择的项目列表的模式框。在这个模态框内，有一个按钮可以打开另一个模态框来搜索项目列表。 但是当我点击模态框内的按钮时出现错误。有没有我错过的东西？

以下是jsfiddle上的代码示例：http://jsfiddle.net/zeroxp/t3yv94d1/

<script type="text/ng-template" id="modal01.tpl.html">
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3>{{title}}</h3>
                </div>
                <div class="modal-body">
                    <table class="table table-hover">
                        <thead>
                            <tr><th>fruits <button class="btn btn-sm btn-info" data-bs-modal="modalSearch" data-template="modal02.tpl.html">search</button></th></tr>
                        </thead>
                        <tbody>
                            <tr data-ng-repeat="item in items" data-ng-click="itemSelected(item)"><td>{{item}}</td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-ng-click="$hide()">Close</button>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/ng-template" id="modal02.tpl.html">
    <input type="text" class="form-contorl"/>
</script>