Question

我正在使用离子框架制作应用程序，出于某种原因，它不想从用户输入字段中获取数据。

HTML

<template name="form">
<form>
    <div class="list">
        <label class="item item-input">
            <input type="text" name="fName" placeholder="First Name">
        </label>
        <label class="item item-input">
            <input type="text" name="lName" placeholder="Last Name">
        </label>
        <label class="item item-input">
            <input type="text" name="phone" placeholder="Phone">
        </label>
    </div>
    <button type="submit">Save Contact</button>
</form>

Javacript

Template.form.events({
    "form submit": function(event, template) {
        var inputFirstName = event.target.fName.value;
        var inputLastName = event.target.lName.value;
        var inputPhone = event.target.phone.value;

        var object = {
            fName: inputFirstName,
            lName: inputLastName,
            phone: inputPhone
        }

        contactList.insert(object);
        return false;
    }
})

我一直在为许多项目使用完全相同的事件处理程序，但似乎没有使用离子。什么想法可能是错的？谢谢

Answer 1

Ionic使用angularjs来完成这项工作，角度方式是双向数据绑定，你需要在每个输入中设置ng-model =“varName”并在表单的顶部设置你的控制器用ng-controller = “muController”然后在你的javascript中dwfine myController，你将能够通过$ scope.varName访问这些变量。正如我所说，这有两种方式，如果您在模板中更改内容，则范围中的valie也会更改，您可以更改javascript中的值，并且新值将显示给用户。希望能有所帮助。

Answer 2

我无法相信这个愚蠢是多么愚蠢：

＆＃39;表单提交＆＃39; 显然应该提交表单＆＃39;

Meteoric - 无法从输入字段收集信息

2 个答案: