ng-repeat

时间:2017-06-26 18:41:46

标签: javascript angularjs angularjs-ng-repeat angular-components

以下是数据:

this.info = { 
  key1: {
    'name': 'xyz', 
    link:'www.google.com'
  },
  age: 21,
  address: '.....'
}

我正在使用组件并传递此数据并使用模板中的以下代码:

<tr ng-repeat="(key,value) in $ctrl.info">
  <td>{{key}}:</td>
  <td ng-if="value.link!==undefined"><a ui-sref={{value.link}}> {{value.name}}</a></td>
  <td ng-if="value.link==undefined">{{value}}</td>
</tr>

基本上我想将值显示为超链接,如果链接属性存在于值,则为简单的简单值。对于具有链接属性的数值和值,但是对于字符串/ rest,它表示无效状态''。好像 ng-if =“value.link!== undefined”部分没有正确执行。如果value是string,则总是如此。无法使我的逻辑工作。
任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:-1)

如果没有链接,您没有显示链接的价值。但如果我正确理解您的问题,您应该检查ng-if="value.linkng-if="!Value.link"