將參數傳遞給自定義角度指令

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

嘗試提供諸如task-status，task-assignment，task-assignee之類的參數

並在指令定義中將它們用作taskStatus，taskAssignment，taskAssignee