Как я могу разместить несколько материалов angularjs на одной странице?

#angularjs #angular-material

Вопрос:

Я создаю страницу, с md-tab которой она отлично работает

подробно.aspx

 <div ng-app="t" ng-controller="taCtrl">
    <md-content>
        <md-tabs md-dynamic-height="" md-border-bottom="">
            <md-tab label="IC_recap">
                <md-content class="md-padding">
                    <uc1:IC_recap runat="server" ID="IC_recap " />
                </md-content>
            </md-tab>
            <md-tab label="État du IC_state">
                <md-content class="md-padding">
                    <uc1:IC_state runat="server" ID="IC_state" />
                </md-content>
            </md-tab>
            <md-tab label="IC_Info ">
                <md-content class="md-padding">
                    <uc1:IC_Info runat="server" ID="IC_Info " />
                </md-content>
            </md-tab>
        </md-tabs>
     </md-content>
</div>
 

Я хотел создать панель поиска с материалами angularjs на своей главной странице.мастер

 <div ng-controller="DemoCtrl" id="DV_searchBar" class="autocompletedemoCustomTemplate" ng-app="MyApp">
    <md-content layout-padding="" layout="column">
    <form>
        <md-autocomplete md-dropdown-items="6" md-clear-button="false" id="custom-template"md-menu-class="autocomplete-custom-template"
            md-menu-container-class="custom-container"placeholder="Recherche" md-selected-item="selectedItem" md-search-text="searchText" md-items="item in query(searchText)">
            <md-item-template>
                <a href="{{item.url}}">
                <span class="item-title">
                    <span md-highlight-text="searchText" md-highlight-flags="i" style="color : #337ab7">{{item.nom}}</span>
                </span>
                    <span class="item-metadata">
                        <span>
                            <small style="color : gray;font-style:italic">{{item.obj}}</small>
                        </span>
                    </span>
                </a>
            </md-item-template>
        </md-autocomplete>
    </form>
    </md-content>
</div>
 

Но когда я добавляю строку поиска и захожу на detail.aspx, она не показывает мой md-tab
Можно ли добавить несколько материалов angularjs на одну страницу ? Если это возможно, как я могу этого достичь?

Ответ №1:

Наконец, проблема возникает из ng-app="MyApp" -за того, что я не могу иметь несколько ng-приложений в своем проекте, просто глобальное ng-app