Как использовать пользовательские директивы.

Question

Я упомянул HTML код ниже

<div class="panel" ng-controller="myController"> 
    <div myArr="arr" my-Dir=""> 
</div> 

JavaScript является

app.controller('myController',['$scope',function($scope){ 
// here i have one array of objects arr is here 
}]) 

и Директива

app.directive("myDir", function() { 
scope: { 
    myArr: "=", 
    }, 
    templateUrl: "views/myHTML.html" 
    }; 
}); 

Здесь я в том числе myHTML.html файл. Как передать массив в этот файл ?. Мне нужен этот массив в файле myHTML.html. Я хочу, чтобы отобразить элементы массива в myHTML с помощью ng-repeat.

Answer 1

Вы используете dayArr в HTML, а затем пытаетесь изолировать ваш объем на что-то, называемое dayArray. Они не совпадают. Кроме того, необходимо передать массив в dayArr так, что он может на самом деле имеет значение в Вашей области

Я обновил скрипку, чтобы иметь рабочий пример http://jsfiddle.net/zpWsz/2/

Это соответствующие биты:

Здесь я перехожу в некоторый фиктивный массив.

<div my-dir="" day-arr="[1,2,3]" > 

Вот обновленная директива части:

scope: { 
     dayArr : "=" 
    }, 
    template: '<ul>' + 
       '<li ng-repeat="i in dayArr">{{ i }}</li>' + 
       '</ul>', 

templateUrl будет работать тоже, но как было это в скрипке JS бросает ошибку.

Надеюсь, это помогло.

Answer 2

пользовательского шаблона директивы

app.directive('myDir', function(){ 
    return { 
     scope: { 
      myArr: "=", 
     }, 
     restrict: 'EAC', 
     templateUrl: 'views/myHTML.html', 
     link: function(scope, element, attr) { } 
    }; 
}); 

и использовать его

<div data-my-dir data-my-arr="arr">