2015-03-22 5 views
0

Я хочу, чтобы перейти от страницы А к В, так что в моих страницах A (history.html) зрении я сделал это

<a href="#/history/{{data.id}}"> 
    <li class="item"> 
    {{data.items}} 
    </li> 
</a> 

и в моем app.js государство как это

.state('app.history', { 
    url: "/history", 
    views: { 
     'menuContent': { 
      templateUrl: "templates/history.html", 
      controller: 'historyCtrl' 
     } 
    } 
}) 

.state('app.history2', { 
    url: "/history/:id", 
    views: { 
     'menuContent': { 
      templateUrl: "templates/history2.html", 
      controller: 'history2Ctrl' 
     } 
    } 
}) 

Так что, должно быть, все должно быть хорошо, но оно переместилось куда-то, что еще нужно? Мне что-то не хватает? Я посещаю ссылку вручную, добавляя некоторые номера в конце, например http://localhost:8100/#/app/history/123, и все работает отлично.

ответ

0

использование нг-HREF вместо:

<a ng-href="{{'#/app/history/'+data.id}}"> 
    <li class="item"> 
    {{data.items}} 
    </li> 
    </a> 

Кроме того, было бы лучше, если бы вы могли гнездиться a внутри li

<li class="item"> 
    <a ng-href="{{'#/app/history/'+data.id}}"> 
     {{data.items}} 
    </a> 
</li> 
+0

Я проверил dom, он визуализируется как одно и то же, даже если я использую обычный href = "", это доказательство того, что проблемы здесь нет. –

+0

, но я не мог понять, где ошибка. У меня есть рабочий пример в рамках одного и того же проекта, это похоже на это http://pastebin.com/1bKGrrTs –

+0

Это не из-за ng-repeat. Поскольку приложение представляет собой родительский вид, а app.history означает, что URL-адрес должен содержать приложение/историю в URL-адресе. поэтому он не работал раньше. обновленный ответ с/app/history. И все же вы предпочли бы использовать ng-href, поскольку некоторые данные являются динамическими в ссылке. – mohamedrias

0

Я решил его, делая это

<div class="list"> 
    <a ng-repeat="data in savedData" href="#/app/history/{{data.id}}"> 
     {{data.items}} 
    </a> 
</div> 

который Я не знаю, почему lol

+0

до этого, данных не было в области? Я вижу, что вы сохранили массив данных, из которого вы обращаетесь к data.id в настоящее время – mohamedrias

+0

nope, перед этим я действительно сохранилData в моем ng-repeat, не уверен, почему мне нужно взять ng-repeat down, чтобы быть той же строкой с HREF. –

+0

Это связано с использованием/history вместо/app/history? – TechnoCrat

0

Вы пытались использовать ng-href вместо href?

Как я теперь, ссылка href может быть неправильной, если угловая библиотека не заканчивает загрузку в то время, когда пользователь нажимает на нее.

Смежные вопросы