将帮助按钮添加到角度形式字段

Question

我希望添加一个帮助＆＃39;按钮到我的形式的每个字段。单击该按钮时，该字段的帮助文本将显示在表单旁边的单独引导列中。

我可以使用templateManipulator为每个字段添加一个按钮，并将字段的ID插入options.data对象。

fConfig.templateManipulators.preWrapper.push(function(template, options, scope) {
    if (options.data.showHelpForField === undefined) { return template; }
        return "<div><button ng-click='vm.helpText" + vm.helpTextLookup[options.data.showHelpForField] +"'>?</button>" + template + "</div>";
    });
}

我有所有帮助文本，存储在一个以字段ID为键的对象中。我打算在点击每个按钮时显示相应的帮助文字，但是您可以看到vm.helpTextLookup和vm.helpText生活在该字段的范围之外。

要呈现给表单的HTML看起来像这样

<form name="inputForm" ng-submit="vm.onSubmit()">
    <formly-form fields="vm.fields">
        <button type="submit">Save</button>
    </formly-form>
</form>
<div>{{ vm.helpText }}</div>

实现这一目标的最佳方法是什么？我是沿着正确的道路前进的，还是我错过了一些形式上的文件？我把jsfiddle放在一起，模拟了基础知识。