javascript - 仅在 Angular 模板内生成一次随机ID号

我想知道在页面加载后在角度模板中生成随机id的方法。我面临的问题是，我在这两个跨度中每秒获得不同的ID。我希望它在两个地方都相同，并且不希望它每秒更改其值。这是我的简单模板：

<main class="has-header has-padding">
<div id = "command">-ID:<span>{{vm.getRandomId()}}</span> -connect  -run</div>
    <hr>
<div id = "command">-ID:{{vm.getRandomId()}}</div>

我的控制器：

'use strict';

(function() {
    angular
        .module('myApp')
        .controller('myController.ctrl', myController);

    myController.$inject = ['$scope'];

    function screenSharingCtrl($scope) {
        angular.extend(this, {
            getRandomId:getRandomId
        });

        function getRandomId() {
            return Math.floor((Math.random()*6)+1);
        }
    }
})();

抱歉，如果它是一个重复的问题。
任何帮助表示赞赏！
谢谢！

最佳答案

只需将绑定更改为

{{ vm.id }}

和你的viewmodel

function screenSharingCtrl($scope) {

        function getRandomId() {
            return Math.floor((Math.random()*6)+1);
        }

        this.id = (typeof this.id === 'undefined') ? getRandomId() : this.id;
    }