Android 在html中包含某种属性

Android 在html中包含某种属性,android,html,xml,modularity,Android,Html,Xml,Modularity,我在Android平台上创建了很多UI。 在这里,我使用了xml。android中发生的事情是 当您有一个包含多个块/部分的相当大的UI屏幕时 将所有代码放在一个xml文件中可能会很混乱 所以他们提供了标签。 它所做的是: 我们可以创建单独的xml文件来定义单独的组件 这些单独的xml文件可以包含在一个父文件中 xml。 这使得代码非常模块化,易于维护和调试 最近我开始为一些Web应用程序开发HTML, 在一个页面上有巨大的UI。 i、 e.多个选项卡和其中的多个部分。 现在,我不想把所有东西都

我在Android平台上创建了很多UI。 在这里,我使用了xml。android中发生的事情是 当您有一个包含多个块/部分的相当大的UI屏幕时 将所有代码放在一个xml文件中可能会很混乱

所以他们提供了标签。 它所做的是: 我们可以创建单独的xml文件来定义单独的组件 这些单独的xml文件可以包含在一个父文件中 xml。 这使得代码非常模块化,易于维护和调试

最近我开始为一些Web应用程序开发HTML, 在一个页面上有巨大的UI。 i、 e.多个选项卡和其中的多个部分。 现在,我不想把所有东西都放在一个html文件中

有没有办法创建单独的文件并显示它们
每次一个或根据需要一个。

您可以获取Angular.js,然后使用自定义指令使用ng route。其实很简单

然后在HTML上调用它。 另外,还要添加此脚本:
//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js

应该很容易,你可能会学到一些新的东西

来,让我帮你一把。创建一个名为
app.js
的文件,在其中添加以下内容:

var app = angular.module('myapp', ['ngRoute'])

app.directive("nameOfElement", function () {

return {

    templateUrl:'badassPartial.html'
  };
});
在你的HTML上写下:

然后创建文件
badassPartial.html

你现在要做的就是在你想在HTML中调用它的地方这样调用它:

注意,
是您在
app.directive(“nameofement”,function(){
中声明的名称,但对于每个camelCase,您都添加了一个“-” 希望这对你有所帮助


此外,您还需要为每个分部创建一个新的
指令
,然后调用它们的元素。

您可以使用html
标记()。但您可能会希望使用服务器端模板语言,如jade、liquid或Handlebar。您使用的是什么服务器语言?@LcLk我们使用的是Java。需要更多信息。什么框架?任何HTML模板语言?您使用的是原始HTML文件吗?是否有像Angular、Ember、backbone、Flux这样的前端JS框架?Spring framework,原始html文件。没有前端JS Framework我自己没有使用Spring,但Spring MVC+Velocity为您提供了一些不错的模板选项(即将html拆分为模块化组件)。请参阅以下博客文章: