Question

我正在使用Mustache与Jquery Mobile结合使用，我正在寻找一种方法将信息从我的模板传递到不同的视图这里是我的代码示例

var ppl={"ppl":[        
        {"title":"Man","description":"Vice President"},
        {"title":"Man2","description":"Vice President"},
        {"title":"Man3","description":"Vice President"}
]};

我的模板首先输出链接中的所有标题

{{ppl}}    
<a href="#vp_page">{{title}}</a>
{{/ppl}}

我想要做的是当用户点击链接时，他们会看到个人的标题和描述。我一直在将数据属性附加到锚标签，但我想知道是否有一种使用胡子的优雅方式吗？

Answer 1

如果我理解你正在尝试做什么：当用户点击某人链接时，一些JavaScript代码（jQuery）将显示一个模态窗口，该窗口将显示该人的标题和个人描述。这个jQuery代码必须从服务器获取单个描述，很可能是使用AJAX调用。考虑到这一点：

模板的设计不包含逻辑或传递状态。这使得代码难以遵循和维护。

要在视图之间传递状态，请使用：

如果使用JavaScript实现视图，则使用JavaScript变量，函数调用中的参数，事件等。
如果视图是在服务器端实现的，并且您需要跨请求传递状态，则可以使用：如果状态简单且小，则使用会话，更复杂状态的DB列。
< / LI>

在你的情况下，在我看来，服务器应该能够在获取个人的描述时获得该人的头衔并返回一个包含该人的头衔和人的描述的JSON对象，以便客户端可以轻松展示它。

希望得到这个帮助。

在视图之间传递Mustache模板数据

1 个答案: