我一直遵循this tutorial来创建whatsapp克隆,试图学习如何将Angular&Meteor集成在一起。我正在慢慢构建它,它可以正常工作,但是现在我有一个奇怪的行为(错误?)。在创建多个聊天视图之后,我创建了一个聊天视图,然后在多个聊天视图中为每个聊天添加一个href
属性,以转到单个聊天视图。这似乎非常简单(我在相关行周围添加了很多空格):
<ion-list>
<ion-item ng-repeat="chat in chats.data | orderBy:'-lastMessage.timestamp'"
class="item-chat item-remove-animate item-avatar item-icon-right"
type="item-text-wrap"
href="#/tab/chats/{{ chat._id }}">
<img ng-src="{{ chat.picture }}">
<h2>{{ chat.name }}</h2>
<p>{{ chat.lastMessage.text }}</p>
<span class="last-message-timestamp">{{ chat.lastMessage.timestamp | calendar }}</span>
<i class="icon ion-chevron-right icon-accessory"></i>
<ion-option-button class="button-assertive" ng-click="chats.remove(chat)">
Delete
</ion-option-button>
</ion-item>
</ion-list>
它不起作用。具体来说,当您单击任何聊天时,它不会将您发送到任何地方。没有错误信息,什么都没有。如果我使用Chrome开发者工具对其进行了检查,并手动输入了链接,则该链接可以正常运行。
我不知道出什么问题。
更新 因此,很明显,基本的uri使用的是"hashbang",因此在我这样更改链接后,它现在可以工作了:
href="#!/tab/chats/{{ chat._id }}"
但是代码的另一部分...不使用它,并且仍然可以正常工作。主要标签都看起来像这样:
<ion-tab title="Favorites" href="#/tab/favorites">
<ion-nav-view name="tab-favorites"></ion-nav-view>
</ion-tab>
为什么他们不需要哈希爆炸,而单聊uri则需要?我对整个事情感到非常困惑。