Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否使用不同的数据重复包含的模板?_Javascript_Angularjs - Fatal编程技术网

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>