在html中包含一种属性

时间:2015-05-08 11:34:37

标签: android html xml modularity

我在Android平台上创建了很多UI。 在那里,我使用了xml。 android中会发生什么 当你有一个相当大的UI屏幕,有多个块/部分 将所有代码放在一个xml文件中可能会很麻烦。

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

最近我开始为某些Web应用程序开发HTML, 并且在一个页面上有巨大/巨大的UI。 即多个标签和其中的多个部分。 现在,我不想把所有内容放在一个单独的html文件中。

有没有办法创建单独的文件并显示它们 一次一个或按要求。

1 个答案:

答案 0 :(得分:0)

您可以获取Angular.js,然后将用户ng-route与自定义指令一起使用。实际上这很简单。

Download their stuff.然后在您的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上添加:<html ng-app="myapp">

然后创建文件badassPartial.html这将是部分文件。

现在你要做的就是把它称之为你想在HTML中调用的地方:<name-of-element></name-of-element>

注意,<name-of-element></name-of-element>是您在app.directive("nameOfElement", function () {中声明的名称,但是对于每个camelCase,您都会添加' - ' 希望这能为你做点什么。

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