选项卡中的多个窗格

Question

我在<tabs id="mainTabs"

中有2个窗格

<pane title="Name search"> and  <pane title="List search">

当我尝试在网上看到这个时，它会将平底锅显示为单个（合并）。

任何人都可以找出问题所在吗？

how to use UIA through COM objects

<div id="container"  ng-controller="graphAppCtrl">
<div id="graph-container"><div id="notice" class="hidden">layout in progress...</div></div>
    <div id="search-container" ng-app="graphApp" ng-controller="graphAppCtrl">
        <tabs id="mainTabs">
            <pane title="Name search">
                <p>Name: <input type="text" ng-model="name"></p>
                <button ng-click="myFunction()">Search</button>
                <table ng-table="tableParams" class="table table-striped"   fixed-table-headers="scrollable-area">
                    <dir-pagination-controls max-size="5" direction-links="true" boundary-links="false" > </dir-pagination-controls>
                    <thead>
                        <tr>
                            <td>Index  </td>
                            <td>Name</td>
                            <td>ID</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr dir-paginate="x in names | object2Array |orderBy : 'NAME' |itemsPerPage:7"  >
                            <td>{{ $index + 1 }} </td>
                            <td>{{ x.NAME }}</td>
                            <td>{{ x.ID }}</td>
                        </tr>
                    </tbody>    
                </table>
            </pane> 
            <pane title="List search">
                    <FORM NAME="myform" ACTION="" METHOD="GET">
                        <INPUT type="checkbox" ng-model="keywordbox" />Check box to search Name: <BR/>  
                        <INPUT type="text" ng-show="keywordbox" ng-model="inputbox" size="30"  VALUE=""/>
                        <INPUT type="checkbox" ng-model="querybox" />Check box to query:
                        <br/>Enter Query: <BR/>
                        <INPUT type="text"  ng-model="inputbox2" size="30"  VALUE=""/>
                        <INPUT type="button" NAME="button" Value="Submit" onClick="testResults(this.form)"/><BR/> <BR/>
                    </FORM>
            </pane>
        </tabs>
    </div>
</div>

我发现由于angularJS的控制器，平底锅消失了，这是：

var angularjsapp = angular.module('graphApp', []);
angularjsapp.controller('graphAppCtrl', function($scope) {
    $scope.myFunction = function() {
        $scope.names= {0:{'Name':'John','Country':'albania'}};
        //$scope.reset();
    }
});