angularjs - 在 ng-bind 中使用 Globalize 方法

Question

我想在ng-bind中使用 jquery-globalize格式函数来根据当前文化格式化$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-router 之类的东西，您可以这样做：

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

---

注意：如果您使用$scope而不是this方法，它基本上是相同的过程，除了您只需交换vm.语法，$scope.您可以更改HomeController as homeCtrl为 just HomeController。