CycleJSのHTTPリクエストのデータの一部として入力フィールド値を使用

Question

CycleJS HTTPドライバを使用してRESTエンドポイントにリクエストをしようとしていますが、入力フィールドの値を取得する方法は異なります反応性が、私は（正しい道）それをする方法を見つけることができないよ

ユーザーの場合：

ユーザー名とパスワードフィールドを埋め、その後、彼は、「登録」をクリック、要求は入力フィールドをデータとして処理されます。

フィールドのxs-streamを作成した場合、値は決してHTTPリクエストに設定されません。

それでは、私がやってしまったことである：

.select('.btn-signup').events('click') 
.map(ev => { 

    let request = API.requestCreate; 

    // TODO - search for the best way to use the values. 
    var user = document.querySelector('.user-input').value; 
    var pass = document.querySelector('.user-password').value; 

    if(user && pass) { 
    request.send = { username:user, password: pass }; 
    return request; 
    } 
}); 

私は間違いなく何かが欠けているが、そのための解決策を見つけることができませんよ。

Answer 1

私

.select('.btn-signup').events('click') 
.map(ev => ({ 
    username: document.querySelector('.user-input').value, 
    password: document.querySelector('.user-password').value 
}) 
.filter(data => data.username && data.password) 
.map(data => { 
    const request = API.requestCreate; 

    request.send = data; 

    return request; 
}); 

または代わりに有効なようだ：

const username$ = .select('.btn-signup') 
    .events('.user-input') 
    .map(e => e.target.value); 

const password$ = .select('.btn-signup') 
    .events('.user-input') 
    .map(e => e.target.value) 

.select('.btn-signup') 
    .events('click') 
    .withLatestFrom(
    username$, 
    password$, 
    (username, password) => ({username, password}) 
) 
    .filter(data => data.username && data.password) 
    .map(data => { 
    const request = API.requestCreate; 

    request.send = data; 

    return request; 
    });