Javascriptで２つの変数のうち中身が入っている方を表示する方法について

Question

オブジェクトの中身が以下と仮定します。

data.items = [
          {
              title: 'タイトルA',
              user_id: '0',
              name: 'Tanaka'
          },
          {
              title: 'タイトルA',
              user_id: '37',
         name:'null',
              "User": {
              id:'37',
              yourname:'Yamada'
}
          },

となっていて、user_idが0の時は、[name]から文章を取り出しhtml上で表示し、
user_idが0でない時は[User][yourname]から文章を取り出しhtml上で表示したい時は
どのようなjavascriptで書くのがスマートでしょうか？
user_idが0の時は[User]は存在しません、逆にuser_idが0以外であれば必ず[User]（および中身）が存在しているものの[name]は空っぽとします。

条件として、htmlに渡す、data.itemは改変せず、html上のみでどうにかして
表示できるようにしたいと考えています。
大変恐れ入りますがよろしくお願いいたします

htmlは

<ons-list-item ng-repeat="item in data.items">
<<ここに名前（name）を表示する>>
</ons-list-item>

の中に記述するとします。（一部angularjsを使用）
なお、<<ここに名前（name）を表示する>>に現状{{item.name}}や{{item.User.yourname}}と書いた場合はきちんと表示される状態になっていることを前提とします。

Answer 1

以下の様な三項演算子が利用できそうです。

DEMO

<ons-list-item ng-repeat="item in data.items">
{{item.User? item.User.yourname: item.name}}
</ons-list-item>

Comments

[Nanohana]

回答ありがとうございます。
三項演算子ってこういう使い方も出来るんですね。
まさに求めてた回答でした。ありがとうございます。

Answer 2

テンプレートのみで頑張るなら普通にng-ifかng-initの二択ですかね。
※どちらも未確認なので確認してみてください

ng-if version

<ons-list-item ng-repeat="item in data.items">
  <span ng-if="item.user_id == '0'" ng-bind="item.name"></span>
  <span ng-if="item.user_id != '0'" ng-bind="item.User.yourname"></span>
</ons-list-item>

ng-bind version

<ons-list-item ng-repeat="item in data.items" ng-bind="yourname = item.user_id == '0' ? item.name : item.User.yourname">
  <span ng-bind="yourname"></span>
</ons-list-item>

Comments

[Nanohana]

AngularJSでの回答ありがとうございます。
２つの比較でできない時は、こちらのほうがよさそうですね。
もう少し複雑な構成が必要な時はこちらを使います。

ありがとうございました。