在 Typescript 中获取字段类型

Question

我在 Typescript 上过课。它有一些字段

field1 : ko.observable<number>();
field2 : ko.observable<string>('');
...

在另一个类的某个函数中，我尝试遍历每个对象字段，对于number 类型的字段，我需要进行一些修改。

如何检测到这一点？

---

我已经尝试过下一步，但总是输入string，这是合乎逻辑的。 locationModel已满 使用来自 HTML 表单的值，其中输入的类型为 text

 Object.keys(locationModel)
 .forEach(property => {
                if (typeof locationModel[property]() === 'number') { }
                else{ }
            }
        });

Answer 1

如果您想将自动类型转换放入淘汰赛中，您可以为此创建一个扩展器。

在其最基本的形式中，它可以返回一个writable computed：

• 在 write 上转换传入的值并将转换后的值存储在 observable 中，或者
• 将传入的值原封不动地存储在可观察对象中，并在读取时将其转换。

后者的实现可能是这样的——运行下面的 sn-p 并注意类型如何反映在视图模型中：

ko.extenders.type = function (target, type) {
    var typedValue = ko.pureComputed({
        read: function () {
            var value = target();
            if (typeof value === "undefined" || value === null) {
                return value;
            } else {
                return type(value);
            }
        },
        write: target
    });
    typedValue.raw = target;
    return typedValue;
};

var vm = {
    num: ko.observable().extend({type: Number}),
    str: ko.observable().extend({type: String})
};

ko.applyBindings(vm);

// init some values
vm.num(100);
vm.str(100);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>

Num: <input data-bind="value: num"> (raw: <span data-bind="text: num.raw"></span>)<br>
Str: <input data-bind="value: str"> (raw: <span data-bind="text: str.raw"></span>)<br><br>

<hr>
View Model:<br>
<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

Answer 2

您的问题是来自表单的输入值总是字符串，您必须正确解析这些值以使它们成为您想要的类型。

因此，您需要手动设置一些映射，以便将所有输入字符串转换为模型中的适当值。