时间戳

首页 > 解决方案 > 将参数传递给自定义角度指令

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

问题描述

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

标签： javascriptangularjsangularjs-directive

解决方案

尝试给出诸如 task-status、task-assignment、task-assignee 之类的参数

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

推荐阅读