Javascript 是否使用不同的数据重复包含的模板?
我试图用不同的对象重用一个简单的模板。使用Javascript 是否使用不同的数据重复包含的模板?,javascript,angularjs,Javascript,Angularjs,我试图用不同的对象重用一个简单的模板。使用ng include属性插入模板,并使用ng init从模板分配对象 这以前是可行的,但升级到Angular 1.2.8之后,第二个对象实例似乎覆盖了第一个对象实例,我最终得到了两个相同的实例——或者更准确地说,相同对象的两个表示 下面是一个简化的示例: 狗 狗 猫 猫 tile.html模板只是: {{i} 角度控制器仅提供$scope变量: $scope.dogs=['Beagle','Chihuahua','Poodle'; $scope.
ng include
属性插入模板,并使用ng init
从模板分配对象
这以前是可行的,但升级到Angular 1.2.8之后,第二个对象实例似乎覆盖了第一个对象实例,我最终得到了两个相同的实例——或者更准确地说,相同对象的两个表示
下面是一个简化的示例:
狗
狗
猫
猫
tile.html
模板只是:
- {{i}
角度控制器仅提供$scope
变量:
$scope.dogs=['Beagle','Chihuahua','Poodle';
$scope.cats=[‘阿比西尼亚’、‘孟加拉’、‘塔比’];
期望的行为是两个不同的列表,一个是狗,另一个是猫。相反,它现在呈现两个猫的列表
例如:
是否有更好的方法将不同的数据传递给多个模板实例
其他调查结果
使用Plunkr,我能够快速通过数十个角度释放。这可能只是因为一个bug才起作用
从1.0.2到1.1.5的每个角度版本都会显示第二个列表两次。角度1.2.0-1.2.3显示两个不同的列表。版本1.2.4-1.2.8已恢复为复制第二个列表。您需要一个指令。一开始它很吓人,但一旦你习惯了,它就会变得很明显 指令(非常简单): HTML:
<div rep="" items="cats"></div>
和叉形撞击(角度1.2.7):
为了完整性:我不喜欢
nginit
。这是HTML中的一种过程逻辑。这就是为什么我要用更清洁的(IMHO)解决方案绕过您的问题。我就是这么想的。再次阅读Angular指令文档,我的问题几乎是第一个示例。。。感谢您的指针。使用rep=“”
而不仅仅是rep
?哈,只是为了取悦代码格式化程序:)有趣的是,在定义模板的同一属性中包含重复表达式,即rep=“cats”
而不是rep items=“cats”
。这是我尝试的第一件事,它工作得非常完美:
现在我只是想把这个问题围绕在我的实际问题上,这是一个递归的、不合作的问题。角度指令的完整API文档被埋没在我希望早点发现的过程中。
<div rep="" items="cats"></div>