Как скомпилировать шаблонные директивы с помощью ui-rout и AngularJS

Question

Как скомпилировать шаблонные директивы с помощью ui-rout и AngularJS

0

У меня есть следующее состояние.

    .state('categories', {
        url: '/categories',
        templateUrl: 'categories',
        controller: 'CategoriesController',
    })

И загрузка шаблона URL:

<div>
    <a ui-sref="categories.bob">my link text</a>
</div>

Но ui-sref не компилируется. Как правильно использовать этот случай?

- [EDIT] - Я имею в виду, что шаблон формы, загруженный html, не компилируется AnulgarJS. Например

 <a ui-sref="categories.bob">my link text</a>

должно быть

 <a ui-sref="categories.bob" href="#/categories/bob">my link text</a>

Свободен Роб 24 июль 2015, в 14:27

Источник

0

Потому что у вас нет состояния categories.bob , у вас просто есть categories ?
Florian Gl 24 июль 2015, в 12:12

Теги:

angularjs

templates

angular-ui-router

load

compilation

2 ответа

Ещё вопросы

Потому что у вас нет состояния categories.bob , у вас просто есть categories ?

Свободен Роб · Answer 1 · 2015-07-24T12-48-00.000Z

На самом деле я нашел свою проблему. Мой неправильный адрес штата был неправильным.

.state('categories.category', {
        url: '/:category',
        templateUrl: function($params) {
            console.log($params); 
            return 'categories/' + $params.category;
        },
    })

Но я все еще не понимаю, как и почему <a ui-sref="someUrl"> отображаются как <a ui-sref="someUrl" href="#>someUrl"> покупать, если я загружаю html с атрибутом templateUrl no href генерируется. Итак, есть способ заставить его также генерировать атрибут href?

Как загрузить мое вложенное представление в родительский ui-view?

Florian Gl · Answer 2 · 2015-07-24T11-09-00.000Z

0

Я предполагаю, что вы хотите передать bob в качестве необязательного параметра? Если это так, попробуйте следующее:

Определение нового состояния:

.state('categories.name', {
    url: '/:name',
    templateUrl: 'subcategorytemplate',
    controller: 'SubCategoryController',
})

Маршрут:

<div>
    <a ui-sref="categories.name({name:"bob"})">my link text</a>
</div>

Вы найдете свой параметр маршрута в службе ui-router $stateParams, вызвав $stateParams.name. Для получения дополнительной информации смотрите здесь.

Florian Gl 24 июль 2015, в 11:09

0

Не совсем моя проблема. Проверьте мои изменения в моем посте.
Свободен Роб 24 июль 2015, в 12:54
0

Вы уверены, что ui-router работает таким образом ...? Мое решение будет отображать href="#/categories/bob" , возможно, попробуйте это;)
Florian Gl 24 июль 2015, в 12:57
0

@FlorianGl Причина, по которой вы будете выполнять рендеринг в href="#/categories/bob" Categories href="#/categories/bob" заключается в том, что вы, вероятно, не настроили базовый тег <base href=""></base> в вашем index.html. Вам следует избегать этого.
Shaohao Lin 24 июль 2015, в 13:02
0

? href="#/categories/bob" отлично. что еще это должно сделать?
Florian Gl 24 июль 2015, в 13:14
0

@FlorianGl Я имею в виду, что это будет отображаться на вашем URL? localhost:3000/#/categories/bob? или localhost:3000/categories/bob .
Shaohao Lin 24 июль 2015, в 13:22
0

это не про меня. я не ОП, почему ты пытаешься мне помочь? Я написал этот код из моей памяти, я не использую его ... и желаемый хэштегом, в противном случае это будет маршрут сервера, а не клиентский маршрут.
Florian Gl 24 июль 2015, в 13:25
0

Как заставить мой контроллер связывать активную переменную после загрузки шаблона? <a ui-sref="categories.bob" class=" average карвашу и
Свободен Роб 24 июль 2015, в 13:47
0

@ СвободенРоб Я только что понял, что неправильно понял твою проблему. вам нужно определить новое состояние. взгляните на мою правку. откуда у вас активная переменная? URL?
Florian Gl 24 июль 2015, в 13:58

Показать ещё 6 комментариев