Передача аргументов в пользовательскую угловую директиву - PullRequest
Новая
       7

Передача аргументов в пользовательскую угловую директиву

0 голосов
/ 15 мая 2018

Я пытаюсь создать директиву с angular, но не могу найти способ передать параметры, которые мне нужно показать в ней.

Директива создается следующим образом: 

(function () {
"use strict"; 

angular.module("directives", [])
    .directive("task", task);
function task() {
    return {
        scope: {
            Status: "=",
            Assignment: "=",
            Assignee: "="
        },
        restrict: "E",
        templateUrl: "/Content/partials/task.html"
    };
}
}());

Это HTML-файл: 

<div>
<span class="assignment">{{ Assignment }}</span>
<span class="assignment">{{ Assignee }}</span>
<button class="btn btn-primary" ng-click="backTask($event, task)">Back</button>
<button class="btn btn-primary" ng-click="advanceTask($event, task)">Next</button>
</div>

И вот как я его добавляю: 

<li ng-repeat="task in tasks | filter:{Status: 0}">
<task Status="task.Status" Assignment="task.Assignment" Assignee="task.Assignee"></task>

Модуль "директивы" уже добавляется в основной модуль: 

(function () {
    const app = angular.module("kanbanTest", ["directives"]);
}());

Я знаю, что ссылка работает, поскольку в документе создаются элементы div, но они показываютпусто, заставляя меня поверить, что проблема заключается в параметрах.

1 Ответ

0 голосов
/ 15 мая 2018

Попробуйте указать такие аргументы, как состояние задачи, назначение задачи, уполномоченный задачи

и в определении директивы используйте их как taskStatus, taskAssignment, taskAssignee

...