我在Android平台上创建了很多UI。 在那里,我使用了xml。 android中会发生什么 当你有一个相当大的UI屏幕,有多个块/部分 将所有代码放在一个xml文件中可能会很麻烦。
所以他们提供了标签。 它的作用是: 我们可以创建单独的xml文件来定义单独的组件 这些单独的xml文件可以包含在一个父级中 XML。 这使代码非常模块化,易于维护且易于调试。
最近我开始为某些Web应用程序开发HTML, 并且在一个页面上有巨大/巨大的UI。 即多个标签和其中的多个部分。 现在,我不想把所有内容放在一个单独的html文件中。
有没有办法创建单独的文件并显示它们 一次一个或按要求。
答案 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
,然后调用它们的元素。