更新的节点属性不保留

Question

我创建了一个具有2个属性的节点。我的HTML看起来如下

<script type="text/javascript">
        RED.nodes.registerType('person-data',{
            category: 'function',
            color: '#a6bbcf',
            defaults: {
            age: {value:"45"}  
            },
            inputs:1,
            outputs:1,
            icon: "file.png",
            label: function() {
                return this.name||"person-data";
            }
        });
    </script>

    <script type="text/x-red" data-template-name="person-data">
        <div class="form-row">
            <label for="node-input-name"><i class="icon-tag"></i> name</label>
            <input type="text" id="node-input-name" placeholder="name"><br/>
        </div>
        <div class="form-row">
            <label for="node-input-age"><i class="icon-tag"></i>age</label>
            <input type="text" id="node-input-age" placeholder="age"><br/>
        </div>
    </script>

我可以将节点从面板中拖放。当我双击它时，我可以看到我的2个属性的名称和年龄。然后输入数值，然后点击“完成”按钮。当我再次双击该节点时，看不到给定的属性值。

此问题的原因是什么？