在ng-bind中使用Globalize方法

时间:2016-02-18 18:31:53

标签: angularjs jquery-globalize

我想在 ng-bind 中使用jquery-globalize 格式功能来格式化 $ scope 字段中的日期值根据目前的文化。 像这样:

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

但它似乎不起作用。

我如何以最简单的方式实现这一目标?

谢谢

1 个答案:

答案 0 :(得分:0)

您的问题提及 * * ** ** 但我在您的代码中没有看到它的使用。无论如何,您始终可以使用控制器将变量绑定到您的视图。

例如:

ng-bind

然后在你的HTML中你可以做类似的事情:

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

或者,如果你使用的是ui-router,你可以这样做:

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

注意:如果您使用的是$stateProvider .state('home', { url: '/home', controller: 'HomeController as homeCtrl', template: '<p>{{ homeCtrl.formattedDate }}</p>' // Or use templateUrl. }); 而不是$scope方法,那么它基本上是相同的过程,除了您只需要交换this语法vm.您可以将$scope.更改为HomeController as homeCtrl