Question

在开发指令时，最好将实际指令中的数据/模型分开。

例如，如果我有一个名为“Event”的指令，例如

<div class="event">
    <h1>{event.title}</h1>
    <small>{event.startDate}</small>
</div>

以最可重复使用的模式向指令提供数据的最佳方式是什么？通过服务？

Answer 1

你可以用指令做很多事情。它们可以通过很多方式处理数据。更直接的方法是将数据或引用传递到您的指令中。请查看以下链接以供参考。作为代码的示例，我将执行以下操作：

<div dir-event event-title="context.title" event-start="context.startDate" ></div>

HTML中的

，其中context.title和context.startDate是控制器上的对象。然后是指令：

App.directive("dirEvent", function() {
    return{
        restrict: "A",
        scope:{
            title:"=",
            startDate:"="
        },
        transclude: true,
        template: "<div class='event'><h1>{{title}}</h1><small>{{startDate}}</small></div>",
        replace: true
    }
});

Directives

将远程数据提供给AngularJS中的指令

1 个答案: