Angular UI Bootstrap Modal模板文件

时间:2014-08-18 03:14:25

标签: angularjs twitter-bootstrap angular-ui

我正在尝试从http://angular-ui.github.io/bootstrap/实现Bootstrap Modal(请搜索Modal)。 templateUrl引用myModalContent.html。但是,我找不到这个文件。有人可以对这个文件有所了解吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

这是一个用脚本标签写的模板

<script type="text/ng-template" id="myModalContent.html">
    <div class="modal-header">
        <h3 class="modal-title">I'm a modal!</h3>
    </div>
    <div class="modal-body">
        <ul>
            <li ng-repeat="item in items">
                <a ng-click="selected.item = item">{{ item }}</a>
            </li>
        </ul>
        Selected: <b>{{ selected.item }}</b>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">OK</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div>
</script>
相关问题