角流星应用中的hashbang怪异行为

时间:2018-09-16 16:45:02

标签: angularjs ionic-framework meteor hashbang

我一直遵循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则需要?我对整个事情感到非常困惑。

0 个答案:

没有答案