AngularJS - 为什么指令的属性在另一个指令中不起作用?

时间:2016-01-15 18:00:56

标签: javascript angularjs ionic-framework

我正在尝试将此angularJS指令的属性ng-FitText分配给另一个angularJS指令scroll-cards

通过执行以下操作: 在下面的代码中,data-fittestng-FitText添加到hcard代码的外来属性。

 <hcard data-fittest ng-repeat="pic in items" image="{{pic.img}}" desc="{{pic.desc}}"></hcard>

执行此操作后,我收到以下错误:

  

错误:[$ compile:multidir]多个指令[fittext,hcard]询问   对于新的/隔离范围:

注意:我需要两个指令同时工作

有没有解决方案?

1 个答案:

答案 0 :(得分:0)

您不能将需要隔离范围的两个指令设置为相同的元素。你应该使用嵌套它们让它们一起工作。例如:

<directiveThatDoesSomething> <h1 data-fittext>Some text where FitText will be applied</h1></directiveThatDoesSomething>

但是使用这个hcard指令它不会起作用。我刚检查了hcard的源代码,它使用了replace:true,这将&#34; erase&#34;嵌套到它的任何元素。