Question

我正在尝试使用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正在文档中创建，但它们显示为空，让我相信问题在于参数。

Answer 1

尝试提供任务状态，任务分配，任务 - 受让人

等参数

并在指令定义中将它们用作taskStatus，taskAssignment，taskAssignee

将参数传递给自定义角度指令

1 个答案: