聚合物只读输入切换

时间:2015-11-15 14:11:20

标签: polymer

我尝试在聚合物中实现对输入的只读切换。

<input type="text" readonly />

但是,如果某个属性=“m2”就是这样的话。

角度非常容易:)

{{miktarReadonly}} --> this renders
<input type="number" {{miktarReadonly}} --> this does not render min="1"  value="{{ Miktar::input }}" placeholder="{{Hizmet.Birim}}" class="form-control" />
...
 Polymer({
            is: 'hizmet-siparis',
            extends: 'tr',
            properties: {
                .

                miktarReadonly: {
                    type: String,
                    notify:true,
                    computed: '_miktarReadonly(Hizmet)'
                },
        ...
        _miktarReadonly : function (hizmet) {
            if (hizmet && hizmet.Birim !== "m2") {
                return "readonly";
            }
            return "";
        },

1 个答案:

答案 0 :(得分:1)

尝试了一些事情,这很有效。如果计算属性为true,则呈现readonly属性,而不是falsy。感谢所有人的帮助。

    <input type="number" readonly$="{{miktarReadonly}}" />
...

    miktarReadonly: {
                        type: String,
                        notify:true,
                        computed: '_miktarReadonly(Hizmet)'
                    },
    ...
  _miktarReadonly : function (hizmet) {
                        return (hizmet && hizmet.Birim == "Tek Fiyat"); // True or Falsy thing
                    },