AngularJS动态生成div的ID源码解析
1、问题背景
给定一个数组对象，里面是div的id；循环生成div元素，并给id赋值
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AngularJS动态生成div的ID</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("idApp",[]);
app.controller("idCon",function($scope){
$scope.divIds = [
{divId:"chartId1"},
{divId:"chartId2"},
{divId:"chartId3"},
{divId:"chartId4"},
{divId:"chartId5"}
];
});
</script>
</head>
<body ng-app="idApp" ng-controller="idCon">
<div ng-repeat="chart in divIds">
<div id="{{chart.divId}}">{{chart.divId}}</div>
</div>
</body>
</html>
3、实现结果
<html>
<head>
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<meta charset="UTF-8">
<title>angularJS动态生成div的ID</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module("idApp",[]);
app.controller("idCon",function($scope){
$scope.divIds = [
{divId:"chartId1"},
{divId:"chartId2"},
{divId:"chartId3"},
{divId:"chartId4"},
{divId:"chartId5"}
];
});
</script>
</head>
<body ng-controller="idCon" ng-app="idApp" class="ng-scope">
<!-- ngRepeat: chart in divIds --><div ng-repeat="chart in divIds" class="ng-scope">
<div id="chartId1" class="ng-binding">chartId1</div>
</div><!-- end ngRepeat: chart in divIds --><div ng-repeat="chart in divIds" class="ng-scope">
<div id="chartId2" class="ng-binding">chartId2</div>
</div><!-- end ngRepeat: chart in divIds --><div ng-repeat="chart in divIds" class="ng-scope">
<div id="chartId3" class="ng-binding">chartId3</div>
</div><!-- end ngRepeat: chart in divIds --><div ng-repeat="chart in divIds" class="ng-scope">
<div id="chartId4" class="ng-binding">chartId4</div>
</div><!-- end ngRepeat: chart in divIds --><div ng-repeat="chart in divIds" class="ng-scope">
<div id="chartId5" class="ng-binding">chartId5</div>
</div><!-- end ngRepeat: chart in divIds -->
</body>
</html>
以上所述是小编给大家介绍的AngularJS动态生成div的ID源码解析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
问题内容： 没有人设法在没有XJC的情况下从JAXB模式文件生成Java代码吗？ 有点类似于 用于动态地动态编译Java代码。 注意：在JDK 6上运行，意味着不推荐使用工具包 （感谢） 问题答案： 我的解决方案必须包含一些J2EE库，因为独立的JDK 6无法访问xjc实用程序类： .java源代码将放置在 outputDirectory中
-
Logstash 中 Event 的生成 上一节大家可能注意到了，整个 pipeline 非常简单，无非就是一个多线程的线程间数据读写。但是，之前介绍的 codec 在哪里？这个问题，并不在 pipeline 中完成，而是 plugin 中。 Logstash 从 1.5 开始，把各个 plugin 拆分成了单独的 gem，主代码里只留下了几个 base.rb 类。所以，要了解详细情况，我们需要阅
-
问题内容： 我正在寻找一种基于类中定义的字段为现有Java源代码文件中的新方法自动生成源代码的方法。 本质上，我希望执行以下步骤： 读取并解析 遍历源代码中定义的所有字段 添加源代码方法 保存（理想情况下，保留现有代码的格式） 哪些工具和技术最适合完成此任务？ 编辑 我不想在运行时生成代码；我想扩充现有的Java 源代码 问题答案： 用自动生成的代码修改相同的Java源文件是维护的噩梦。考虑生成一
-
问题内容： 有人知道如何从1开始生成，以便下一个对象具有2，依此类推吗？ 我尝试了以下方法，但不起作用： 问题答案： 您需要一个 静态的 类成员来跟踪上次使用的索引。确保还实现一个复制构造函数： 更新： 正如@JordanWhite建议的那样，您可能希望使static计数器成为 atomic ，这意味着可以安全地同时使用（即一次在多个线程中使用）。为此，将类型更改为： 增量读取和复位操作变为：
-
问题内容： 我需要以下工具： 方便地解析Java源代码并轻松访问给定的元素。 轻松生成源代码文件，轻松将数据结构转换为代码 有什么好的技巧，库，框架，工具吗？谢谢你的帮助。 问题答案： 从Java 6开始，编译器在JDK中包含一个API。通过它，您可以通过API 访问Java解析器的结果。JDK5以Mirror API 的形式提供了相同的功能。有一个很好的介绍性文章在这里。 我见过的最好的代码生成
-
我有一些动态创建新div（表单内部的输入）的JS。它工作得很好。我还有一些jquery，它检查下拉输入，如果单击特定的选择，它会显示一个单独的div。它工作得很好。 如果我试图使用jquery在一个动态创建的div中显示一个单独的div，那么它将不起作用。它的第一个实例确实有效，但动态创建的实例都无效。在四处搜索之后，看起来我需要一个代表团，但我似乎无法针对我的具体情况找到它。 JSFIDLE：h