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指令似乎是一种矫枉过正，因为它没有正在做..井...... ..

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

您的datetime指令也可以是

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

指令适用于DOM操作。所以，无论你在非角度场景中做任何$（“”），都要使用指令。

建议的方法在angularjs中创建自定义控件

1 个答案: