Angularjs onsen用户界面-包含文件
我有一个有几个页面的onsen ui项目。我在每个页面上都有相同的导航器控件。我是否可以从所有页面中提取此导航器控件并将其保留为一个文件,然后在所有页面中导入/包含此文件?在C#中,我可以创建一个UserControl,并将此UserControl包含在我的所有页面中。我正在OnsenUI中寻找类似的东西 考虑以下几点:Angularjs onsen用户界面-包含文件,angularjs,cordova,onsen-ui,monaca,Angularjs,Cordova,Onsen Ui,Monaca,我有一个有几个页面的onsen ui项目。我在每个页面上都有相同的导航器控件。我是否可以从所有页面中提取此导航器控件并将其保留为一个文件,然后在所有页面中导入/包含此文件?在C#中,我可以创建一个UserControl,并将此UserControl包含在我的所有页面中。我正在OnsenUI中寻找类似的东西 考虑以下几点: 我的页面 /*... 我的网页内容*/ 我想将“导航栏”div提取到其他文件中,并在我的所有其他页面中包含/导入。有人能告诉我怎么做吗?我知道了。诀窍是使用“ng in
我的页面
/*... 我的网页内容*/
我想将“导航栏”div提取到其他文件中,并在我的所有其他页面中包含/导入。有人能告诉我怎么做吗?我知道了。诀窍是使用“ng include” 因此,在我的控制器页面中,我有:
/*... 我的网页内容*/
我还有一个名为incNavBar.html的文件,其中包括以下内容:
我的页面
请记住,对于src属性必须使用双引号和单引号,正如我在上面所做的那样。我明白了。诀窍是使用“ng include” 因此,在我的控制器页面中,我有:
/*... 我的网页内容*/
我还有一个名为incNavBar.html的文件,其中包括以下内容:
我的页面
请记住,对于src属性必须使用双引号和单引号,正如我在上面所做的那样。我明白了。诀窍是使用“ng include” 因此,在我的控制器页面中,我有:
/*... 我的网页内容*/
我还有一个名为incNavBar.html的文件,其中包括以下内容:
我的页面
请记住,对于src属性必须使用双引号和单引号,正如我在上面所做的那样。我明白了。诀窍是使用“ng include” 因此,在我的控制器页面中,我有:
/*... 我的网页内容*/
我还有一个名为incNavBar.html的文件,其中包括以下内容:
我的页面
请记住,对于src属性必须使用双引号和单引号,正如我在上面所做的那样
<ons-page ng-controller="MyController as myCtrl">
<div class="navigation-bar">
<div class="navigation-bar__left">
<ons-toolbar-button ng-click="myCtrl.back()"><ons-icon icon="fa-chevron-left"></ons-icon></ons-toolbar-button>
</div>
<div class="navigation-bar__center">
My Page
</div>
<div class="navigation-bar__right">
<ons-toolbar-button ng-click="myCtrl.doSomeTask()"><ons-icon icon="fa-cog"></ons-icon></ons-toolbar-button>
</div>
</div>
<ons-scroller>
/*... my page content...*/
</ons-scroller>
</ons-page>
<ons-page ng-controller="MyController as myCtrl">
<ng-include src="'incNavBar.html'"></ng-include>
<ons-scroller>
/*... my page content...*/
</ons-scroller>
</ons-page>
<div class="navigation-bar">
<div class="navigation-bar__left">
<ons-toolbar-button ng-click="myCtrl.back()"><ons-icon icon="fa-chevron-left"></ons-icon></ons-toolbar-button>
</div>
<div class="navigation-bar__center">
My Page
</div>
<div class="navigation-bar__right">
<ons-toolbar-button ng-click="myCtrl.doSomeTask()"><ons-icon icon="fa-cog"></ons-icon></ons-toolbar-button>
</div>
</div>