在 ng-bind 中使用 Globalize 方法

Question

我想在 ng-bind 中使用 jquery-globalize format 函数来格式化日期值根据当前文化在 $scope 字段中。像这样：

<div>{{Globalize.format(test.testDate, Globalize.culture().calendar.patterns.d)}}</div>

但是好像不行

如何以最简单的方式完成此操作？

谢谢

Answer 1

您的问题提到了 ng-bind，但我没有在您的代码中看到任何使用。无论如何，您始终可以使用控制器将变量绑定到您的视图。

例如：

function HomeController() {
    var vm = this;
    // Any other variables here...
    vm.formattedDate = Globalize.format(test.testDate, Globalize.culture().calendar.patterns.d);
}

然后在您的 html 中，您可以执行以下操作：

<div ng-controller="HomeController as homeCtrl">
    <p>{{ homeCtrl.formattedDate }}</p>
</div>

或者，如果您使用的是 ui-路由器之类的东西，您可以这样做：

$stateProvider
    .state('home', {
        url: '/home',
        controller: 'HomeController as homeCtrl',
        template: '<p>{{ homeCtrl.formattedDate }}</p>' // Or use templateUrl.
    });

注意： 如果您使用 $scope 而不是 this 方法，除了您将交易 vm. 语法与 $scope. 并且您可以将 HomeController as homeCtrl 更改为 HomeController.

在 ng-bind 中使用 Globalize 方法

Using Globalize methods within ng-bind

angularjs

jquery-globalize