Question

我需要这样的东西，但它不起作用

.directive('dateTime', function(){
        return {
            restrict: 'E',
            replace: true,
            scope:'=value',
            template: "<div>{{value.format('mmm dd yy')}}"</div>", 
                                    // ^here: applying a function to the scope  
         };
    });

Answer 1

您已经使用scope: '=value'创建了一个隔离范围，因此这是一个全新的范围，不会从父范围继承原型。这意味着您要调用的任何函数都必须来自

您注入指令的服务，过滤器等
另一个指令的控制器，使用require来获取访问权限（请参阅Angular主页上的tabs和pane指令以获取示例）
您在指令控制器或$ scope上的链接函数中定义的函数（基本上是相同的）示例：https://stackoverflow.com/a/14621193/215945
使用'＆amp;'语法，使指令能够调用在父作用域上声明的函数。示例：What is the best way to implement a button that needs to be disabled while submitting in AngularJS?

Answer 2

您可能只是在寻找date filter：

{{value | date:'MMM dd yy'}}

但你也可以这样做：

app.directive('dateTime', function(){
        return {
            restrict: 'E',
            replace: true,
            scope:'=value',
            template: "<div>{{value | date:'MMM dd yy')}}"</div>", 
                                    // ^here: applying a function to the scope  
         };
    });

如何调用函数来更改指令中的值？

2 个答案: