相同指令的角度多个实例，范围不是孤立的，相同的范围

Question

我在页面上多次使用该指令，如

$scope.stylusright[0] = 330;

var appendHtml = $compile('<directive-history rightstylus="{{stylusright[0]}}"></directive-history>')($scope);

$element.append(appendHtml);

$scope.stylusright[1] = 660;

var appendHtml = $compile('<directive-history rightstylus="{{stylusright[1]}}"></directive-history>')($scope);

$element.append(appendHtml);

我的指示看起来像

angular.module('mymodule').directive('directiveHistory', function ($compile)
{
return {
restrict: 'E',
scope: true,
transclude: true,
templateUrl: 'directive.history.html',
scope: {
rightstylus: "@",
}, 
...

我的问题是，当同一指令多次添加到同一页面时，它们的范围变得相同。当我在第2个指令中更改$ scope.stylusright [1]时，它也会在所有其他指令中进行更改。

Answer 1

您的指令代码看起来不对，（只有您有重复的范围键）。

看看这个plunker，类似于你想用isolate scope指令做什么     plunker

希望有所帮助