angularjs - ng-bind 内で Globalize メソッドを使用する

Question

現在のカルチャに従って$scopeフィールドの日付値をフォーマットするために、 ng-bind内で jquery-globalize format関数を使用したいと考えています。このようなもの：

<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するだけで、HomeController.