Question

我在下面有这个代码，我想知道如何在每个标题下的方框中添加可点击链接。

我希望此<a href=" . '"callto://+' . $getTelephone . '"' . ">Call on Skype</a>出现在第一个框中。但我无法让它工作，因为当我添加它时，整个功能就停止工作。

＆＃13;

function MyCtrl($scope) {
  $scope.environment_service_packages = 
    [
      {name: 'obj1', info: {text: '<?php echo "A html link below \\n\\n Call on Skype"; ?>', show: true}},
      {name: 'obj2', info: {text: 'some extra info for obj2', show: true}},
      {name: 'obj3', info: {text: 'some extra info for obj3', show: true}},
      {name: 'obj4', info: {text: 'some extra info for obj4', show: false}},
    ];
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app>
  <table ng-controller="MyCtrl" class="table table-hover table-striped">
    <tr class="info">
      <td>...</td>
    </tr>
    <tbody ng-repeat="x in environment_service_packages">
      <tr ng-click="x.info.show = !x.info.show">
        <td> {{ x.name }}
      </tr>
      <tr ng-show="x.info.show">
        <td>
          <pre>{{ x.info.text }}</pre>
        </td>
      </tr>
    </tbody>
  </table>
</body>

＆＃13;

Answer 1

在tbody上放置ng-repeat将为数组中的每个成员创建一个主体。

尝试在第一行放置ng-repeat-start，在第二行放置ng-repeat-end。

Answer 2

您无法在客户端运行PHP代码... 您需要将HTML更改为：

<a href="callto://{{this.come.from.angular.getTelephone }}">Call on Skype</a>

Href在Javascript函数中不起作用

2 个答案: