输入标签中具有两个属性的占位符的属性绑定

时间:2019-02-25 08:33:16

标签: html angular property-binding

我想知道如何将两个属性绑定到输入标签的占位符。

这正在工作

fetch ( link, { 
            method : 'POST' ,
            headers : {
                'Accept' : 'application/json' ,
                'Content-Type' : 'application/json' ,
                'x-api-key' : api
            } ,
            body : JSON.stringify({
                "ent":
                {
                    "GetDataCode":"GRELIGION",
                    "AppId": APPID
                }
            })
        })
        .then ( response => response.json() )
        .then ( res => {

            db.transaction( ( tx ) => {
                tx.executeSql('DELETE FROM Religion')
            })

            Object.keys(JSON.parse(res.GetDataResult.RetVal)).map( ( key, index ) => {
                db.transaction( ( tx ) => {
                    tx.executeSql('INSERT INTO Religion VALUES (?,?)' , [ (JSON.parse(res.GetDataResult.RetVal))[key].ID , (JSON.parse(res.GetDataResult.RetVal))[key].Description ] , () => {
                        console.log('done');
                        if(Object.keys(JSON.parse(res.GetDataResult.RetVal)).length - 1 === index) {
                        this.setState({ // I want to call this after Object finished
                          count : this.state.count + 1
                        })
    }
                    })
                })
            })
        })

但是如何在占位符中获取另一个属性(例如“ this.forename”),以使两个属性之间都显示空格?

谢谢您的帮助!

2 个答案:

答案 0 :(得分:1)

您可以尝试:

<input type="text" [placeholder]="user.name + ' ' + user.forename" />

DEMO

答案 1 :(得分:1)

插值{{ }}效果更好

<input type="text" placeholder="{{name}} {{forename}}" />

还请注意,您无需在模板中使用this对象。