Как передать свойства в ajax-скрипт?

Question

[Anton Kuznetsov]

Предыстория:
Eсть URL, который считывается с json-файла c помощью angular.js. Необходимо осуществить переход по ссылке, не перезагружая страницу: для этого использую ajax-скрипт. Проблема состоит в том, что необходимо передать свойство angular.js в ajax-скрипт. {{post.link}} - это свойство ajax не может распарсить. Кодяра:

<div id="link">
   <a href="#" id="healthy_link">{{post.headline}}</a>
   <script>
     		$(document).ready(function(){		
         			$('#healthy_link').click(function(){
              $.ajax({
                 					url: '{{post.link}}',
                 					cache: false,
                 					success: function(html){
						             $("#contentsection").html(html);
           					}
        				});
     			});
    		});
   	</script>
</div>

Help me, please. Может есть более логичное решение без использования ajax?

Comments

[Илья Шатохин]

Как именно он не может распарсить? Есть текст ошибки?

[Anton Kuznetsov]

Илья Шатохин: 404 (Not Found) - потому что свойство {{post.link}} не считывает данные с json-файла, а тупо воспринимается ajax как URL.

[Илья Шатохин]

Anton Kuznetsov: Вы передали url в url и вам не нравится, что он воспринялся как url? Или я что-то не понял :)

[Anton Kuznetsov]

Илья Шатохин: я ожидаю, что ajax получит существующий урл c json-файла. Данный урл можно достать, используя свойство {{post.link}}. Но, к сожалению, ajax воспринимает свойство, как урл, а не как возможность достать урл из файла.

[Илья Шатохин]

Anton Kuznetsov: ajax ничего не должен, это простая обертка вокруг xmlhttprequest. Что ему передали (строковый примитив) в поле url, туда он создаст запрос. Вам нужно разбираться, почему Angular не преобразовал {{post.link}} в нужную вам строку.

[Anton Kuznetsov]

Илья Шатохин: спасибо.

Answer 1

[Kano]

Кто же так делает загрузку в агуляре?
Самый простой способ это воспользоваться функциональностью модуля https://docs.angularjs.org/api/ngRoute
https://docs.angularjs.org/api/ngRoute/service/$ro...

Comments

[Максим Дунаевский]

Человек УПОРОЛСЯ, мне кажется. Согласен, тут самое простое решение - ngRoute.

Answer 2

[Mikhail Osher]

Вы в корне неверно подходите. Внимательно прочитайте этот вопрос на SO.
Вам явно нужен ngClick, либо своя директива.

Answer 3

[_ _]

А почему вы считаете, что Angular вам будет во всем документе заменять конструкцию {{}} на значения?
Это так не работает. От слова "совсем". У вас же откуда-то этот post появляется?
И 99% что из контроллера AngularJS, вот и сделайте в нем отправку.