为什么变量替换对我的情况不起作用？

Question

我正在尝试使用模板创建自定义小部件，但变量替换似乎对我不起作用。

我可以看到在窗口小部件中更新属性值，但DOM不会更改。例如，当我使用get（）方法时，我可以看到小部件属性的新值。但是，DOM永远不会改变它的价值。

这是我的模板：

<div class="outerContainer">
    <div class="container">
        <span class="mySpan">My name is ${name}</span>
    </div>
</div>

现在，这是我的小部件代码：

define([
    "dojo/_base/declare",
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    "dojo/text!/templates/template.html",
], function (declare, _WidgetBase, _TemplatedMixin, template) {
    return declare([_WidgetBase, _TemplatedMixin], {
        templateString: template,
        name: "",

        constructor: function (args) {
            console.log("calling constructor of the widget");
            this.name = args.name;
        },

        startup: function() {
            this.inherited(arguments);
            this.set("name", "Robert");  // this does not work
        },

        postCreate: function() {
            this.inherited(arguments);
            this.set("name, "Robert");   // this does not work either
        },

        _setNameAttr: function(newName) {
            // I see this printed in the console.  
            console.log("Setting name to " + newName);
            this._set("name", newName);

            // I also see the correct value when I get()
            console.log(this.get("name"));  // This prints Robert
        }
    });
});

我期待DOM节点说“我的名字是罗伯特”，即新值，但它永远不会更新。相反，它写着“我的名字是”。它不会覆盖默认值。

我确定我在某个地方错过了一个愚蠢的步骤，但有人可以帮我弄明白什么吗？