Снова AngularJS или насколько автор тупит?

Question

[mrdunner]

Всем доброго вторника.
Вопрос такой.
Кусок кода:

$scope.play = function(url) {
    jQuery("#player").attr('src',url);
    document.getElementById('player').play();
    $rootScope.isaudioplayed = '1';
  }

Кусок кода, интепретирующий функцию

<a ng-click="play('{{audio.url}}');">
        <p><button type="button" class="btn btn-warning"><i class="fa fa-play"></i></button><p class="audio_author">{{ audio.author }}</p> - <p class="audio_name">{{ audio.name }}</p></p>
    </a>

Но в alert выводится {{audio.url}} , а не сама ссылка..
Что можно в данном случае сделать, подскажите, пожалуйста?

Answer 1

[Андрей]

<a ng-click="play(audio.url);">

Answer 2

[bromzh]

Нужно научиться пользоваться ангуляром и не писать подобный г-нокод. Jquery не должен быть в контроллере. Потому что контроллер ничего не должен знать о DOM, ведь он выполняется когда реальный DOM ещё не построен (работает только с виртуальным). Если нужно впилить jquery-плагин, то нужно создать директиву. В директиве в методе postLink (он же link) и нужно работать с DOM. Причём нужно обернуть всё в $(function () { ... }), чтобы код выполнился только по окончанию построения DOM. И в конце вызвать scope.$digest().

angular.module('foo').directive('player', function () {
  return {
    restrict: 'E',
    link: function (scope, element) {
      $(function () {
        твой код
      }
      scope.$digest();
    }
  };
});

Ну и раз уж ты пользуешься жквери, то пиши на нём всё, зачем document.getElementById ?

Answer 3

[RubaXa]

> Снова AngularJS
> ng-click="play('{{audio.url}}');"



Читайте документацию.

Comments

[mrdunner]

Вы немного не сюда пришли троллить.

[RubaXa]

«Тролит» ох лол,то что вы спрашиваете, это базовый минимум, ng-{event} принимает «выражение», сейчас вы вызываете функцию и передаете строку в качестве параметра, а для того чтобы передать значение переменной, нужно передать переменную, я не понимаю, как вы не понимаете.

Выражения {{...}} — обрабатываются в тексте, DOM-аттрибутах... всё тут https://docs.angularjs.org/guide/expression