1

到目前为止，我可以找到 Lungo 的示例文件，没有标记，仅将表单元素放置和标记为此代码片段。

<div class="form">
  <fieldset class="radius-top" data-icon="user">
    <input type="text" placeholder="Your username" id="txt-signup-name" value="">
  </fieldset>
  <button class="anchor" data-icon="lock" data-icon="user" data-label="Login"></button>
</div>

当用户按下登录按钮时，我如何提交表单的数据，我搜索了谷歌有人说使用事件处理程序和 AJAX，但我真的找不到任何例子，所以请通过给我一些例子来帮助我完成它.

谢谢。

4

1 回答 1

1

Lungo 有一些 AJAX 函数：Lungo.Service.*，包括 Get、Post。

您要将表单的数据发送到哪里？如果它在远程服务器上，那么您可以检测到按钮单击，然后Lungo.Service.get(...)根据您的情况使用正确的参数执行。

查看Lungo 的文档

您还可以使用 QuoJs Ajax 的功能。

更新

我开始使用Tapquo（Lungo 的开发人员）的Monocle，我不得不说标记非常简洁。在我看来，比说 Angular 的侵入性要小得多。事实上，使用 Monocle，您根本不需要接触 HTML。在 MVC 模式的帮助下，一切都是用 Javascript 完成的。

例如，如果您想显示以特定方式格式化的项目列表，您可以执行以下操作。

在您的 HTML 中，您只需添加一个空容器：

<ul id="items"></ul>

然后，在 Monocle 的模型中，您定义了一个项目类。要填充您的容器，您将创建一个视图：

class __View.ListItems extends Monocle.View
 container: "ul#items"

 template: """        # mustache template
   <li>
     <strong>{{Name}}</strong>
     <small>{{description}}</small>
   </li>

在您的控制器中，您只需将数据库中的每个项目附加到视图中：

view = new __View.ListItems model:item
view.append item for item in __Model.Item.all()

瞧！您的容器中装满了您的所有项目，因此您无需修改​​ HTML 标记。

--> 如果我没记错的话，在 Angular 中，您需要添加一个 ng-controller 语句和 ng-each 之类的东西。

于 2013-07-22T03:09:34.450 回答