javascript - 在 angularjs 中创建自定义控件的推荐方法

Question

目前，我正在学习 Angularjs，构建自定义组件有很多要求。其中之一是日期格式化程序 - 这是示例角度模块指令 javascript：

var myApp = angular.module('myApp', []);

myApp.directive('datetime', function () {
    return {
        restrict: 'E',
        scope: { value: '@value' },
        template: 
            '<span>{{value | date: "dd/MM/yyyy @ hh:mma"}}</span>'
        }
    }
);

以下html使用它：

<tr ng-repeat="item in results.OpenProjects">
    <td><datetime value="{{ item.WhenCreated }}"></datetime></td>
</tr>

以上工作正常，但我想知道我是否要按照我所做的方式编写控件。

有没有人做过这种类型的工作并且可以加入他们的想法。

谢谢。

Answer 1

在这种情况下， datetime 指令似乎有点过头了，因为它没有做 ..well..anything..

您的格式化由日期过滤器完成（这是进行格式化的正确位置！）。

您的 datetime 指令也可能类似于

<span>{{item.whenCreated | date: "dd/MM/yyyy @ hh:mma"}}</span>

指令用于 DOM 操作。因此，无论您在非角度场景中做什么 $("") ..使用指令。