javascript - テンプレートの複数の場所で関数の戻り値を使用する

Question

オブジェクトを返す関数がある場合。例えば。

$scope.getPoint = function()
{
    //some calculation logic goes here
    return {x:1,y:2};
}

そして、それからプロパティをテンプレートに表示したい:

<b>som html</b> x: {{getPoint().x}} y:{{getPoint().y}}

その結果、関数が 2 回呼び出されます。（とにかく、Angularはそれを何億回も呼ぶかもしれません）

テンプレートで同じ戻り値を再利用する方法はありますか?

Answer 1

値が変わらないのであれば、自己呼び出し関数にしてみませんか?

$scope.myVar = (function () {
    return { x: 1, y: 2 };
}());