【问题标题】:Meteoric - cannot gather information from input fieldsMeteoric - 无法从输入字段收集信息
【发布时间】:2015-10-23 15:11:22
【问题描述】:

我正在使用 ionic 框架制作应用,但出于某种原因,它不想从用户输入字段中获取数据。

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

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

【问题讨论】:

  • Ionic 框架是为 angularjs 而不是流星设计的,所以你应该使用其他框架或 smt。让它工作。你用的是什么,流星?
  • 是的,它是流星雨。对不起,我还在学习,所以我一定是混淆了术语。

标签: javascript input meteoric


【解决方案1】:

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

【讨论】:

  • 我正在使用 Meteor + Ionic 的一些元素,所以我不确定它是否完全是 AngularJS 或 MeteorJS..
  • Meteor 现在通过其第三方库正式支持 Angular,Ionic 也增加了对 Meteor 打包系统的官方支持。
【解决方案2】:

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

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

【讨论】:

    猜你喜欢
    • 2013-10-01
    • 2012-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-21
    • 1970-01-01
    • 2014-03-07
    相关资源
    最近更新 更多