Else if для view angularjs?

Question

[Сергей]

Можно ли в шаблоне выполнить конструкцию вида
{{$first ? 'autoplay' : 'autobuffer}}
или

{{'autoplay' | $first}}
{ {'autobuffer' | !$first}}

Нужно добавить определенный атрибут в зависимости от переменной.

Comments

[Николай]

Вы это из php пытаетесь сделать?

[Сергей]

Николай: ngRepeat

[Николай]

Сергей: а, тогда первая конструкция должна нормально работать.

[Сергей]

Николай: не отрисовывает (

[Николай]

А приведите пример с куском html, где вы хотите это использовать.

Answer 1

[Сергей]

Николай

<video
  ng-repeat="src in video"
  poster="{{poster}}"
  {{$first ? 'autoplay' : 'autobuffer'}}
  ng-show="$first"
  src="{{src}}"></video>

Comments

[Николай]

честно говоря ничего проще чем небольшой директивы, которая будет добавлять/убирать аттрибут придумать не могу. Через {{}} такое работать не будет, а передать в свойства autopaly/autobuffer параметр ( то есть что-то вида autoplay = "false" ) нельзя.

[Сергей]

Николай: Вот и я что-то не могу додумать. Думал, может кто знает как сделать штатными средствами.

[Николай]

Сергей: ну тут проблема в том, что html5 video/audio аттрибуты сделаны через одно место.

Answer 2

[TekVanDo]

Можно jsfiddle.net/HB7LU/20825

Comments

[Сергей]

Это чуть-чуть не то. как такое сделать для атрибута тега

[TekVanDo]

принцип тот же jsfiddle.net/HB7LU/20826

[Сергей]

TekVanDo: Атрибут, а не значение атрибута.
<тег АТРИБУТ="значение атрибута">....тег> Нужно добавить атрибут.

[TekVanDo]

в данном случае сложнее, можно создать директиву и управлять "avtoplay" через неё примерно так
var video = angular.element(ele.srcElement)[0];
video.autoplay = true;
video.load();

Также можно посмотреть реализацию можно здесь https://github.com/videogular/videogular

[Сергей]

TekVanDo: Да) Это понятно) Спасибо. Просто думал может есть что-то вида if else

[TekVanDo]

нет из коробки такого нет, но можно добавить: https://gist.github.com/devm33/fb82461d3fcc8d2aba74

Answer 3

[SirMustache]

Может как-то так:

<video ng-attr-autoplay="{{vm.autoplay ? 'true' : 'false' }}"></video>