如何将html文件包含到单个应用程序中，例如，如果单击“添加”按钮，它应该显示有关添加按钮的内容？

Question

我有一个搜索国家/地区代码，名称和有效日期的表单。它有两个名为search和cancel的按钮。在表单的底部，它还有四个名为 terminate ， add ， edit 和 delete 的按钮。当你点击添加按钮时，它应该显示另一个具有以下内容，但我只是不知道我将如何使这项工作。

以下是两种表单的html文件：

 <?xml version="1.0" encoding="UTF-8"?>
<pretty-config xmlns="http://ocpsoft.com/prettyfaces/3.3.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://ocpsoft.com/prettyfaces/3.3.0 
           http://ocpsoft.com/xml/ns/prettyfaces/ocpsoft-pretty-faces-3.3.0.xsd">   
<url-mapping id="errorPage">
    <pattern value="/test/new"/>
    <view-id value="/faces/test/mynewtest.xhtml"/>       
</url-mapping>  

<div class="container">
<div class="row">
    <div class="col-md-4">
        <thead>
        <hr>
        <div class="panel panel-default">
            IETA-Admin-Exchange Rate
            </div>
        </thead>
        <div class="panel panel-success">
        <div class="table-responsive">
        <table class="table table-striped">
        <tr>
        <th>Code</th>
        <th>Rate</th>
        <th>Start Date</th>
        <th>End Date</th>
        </tr>
        <tr>
        <td>ZAR</td>
        <td>1.02</td>
        <td>13/10/15</td>
        <td>12/11/15</td>
        </tr>
        <tr>
        <td>LUX</td>
        <td>1.02</td>
        <td>13/10/15</td>
        <td>12/11/15</td>
        </tr>
        <tr>
        <td>JPY</td>
        <td>1.02</td>
        <td>13/10/15</td>
        <td>12/11/15</td>
        </tr>
        <tr>
            <td>EEK</td>
        <td>1.02</td>
        <td>13/10/15</td>
        <td>12/11/15</td>
        </tr>
        <tr>
            <td>CAD</td>
        <td>1.02</td>
        <td>13/10/15</td>
        <td>12/11/15</td>
        </tr>
        </table>
        </div>
    </div>
    </div>
    <div class="col-md-8">
    <hr>
    <p>Search___________________________________________________________________________________________________________________________________________________________</p>
        <form class="form-vertical">
        <div class="col-md-12">
            <div class="form-group">
                     <label for="code" class="col-md-8 control-label">Code:</label>
                     <div class="col-md-12">
                        <input type="text" class="form-control" ng-model="code">
                     </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="name" class="col-md-8 control-label">Name:</label>
                    <div class="col-md-12">
                        <input type="text" class="form-control" ng-model= "name">
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                    <label for="date" class="col-md-12 control-label">Valid On:</label>
                    <div class="col-md-6">
                        <input type="date" class="form-control" ng-model="date">
                    </div>
                </div>
            </div>
            <div class="jumbotron text-right">
            <button ng-click="search()" class="btn btn-active btn-sm">
            <span class="glyphicon glyphicon-search">Search</button>
            <button ng-click="cancel()" class="btn btn-active btn-sm">
            <span class="glyphicon glyphicon-remove"></span>Cancel</button>
            </div>
        </form>
        </div>
        </div>
        <hr>
        <!-- Add html file-->

        <!-- end of Add html-->
<div class="jumbotron text-right">
    <div class="col-md-12">
        <button ng-click="terminateToday()" class="btn btn-active btn-sm">Terminate Today</button>
        <button ng-click="add()" class="btn btn-active btn-sm">
        <span class="glyphicon glyphicon-plus"></span>Add</button>
        <button ng-click="edit()" class="btn btn-active btn-sm">
         <span class="glyphicon glyphicon-edit"></span>Edit</button>
        <button ng-click="delete()" class="btn btn-active btn-sm">
        <span class="glyphicon glyphicon-trash"></span>Delete</button>
    </div>
</div>
</div>

请帮忙！