0

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

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>

Java脚本

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;
    }
})

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

4

2 回答 2

0

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

于 2015-10-23T06:01:53.200 回答
0

我无法相信这个错误有多愚蠢：

'form submit'显然应该是'submit form'

于 2015-10-23T07:11:22.550 回答