2016-07-05 13 views
0

私はこのコードを持っています。どのように各タイトルの下のボックスにクリック可能なリンクを追加できるのか知りたいのですが。HrefがJavascript内で機能しない

この<a href=" . '"callto://+' . $getTelephone . '"' . ">Call on Skype</a>を最初のボックスに表示します。しかし、私はそれを追加するときに機能が停止するだけで、機能するようにはなりません。 TBODYにNGリピートを置く

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}}, 
 
    ]; 
 
}
<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>

答えて

0

配列内のすべてのメンバーのために体を作成します。

第1行にng-repeat-startを、第2行にng-repeat-endを入れてみてください。あなたのような何かにHTMLを変更する必要が

あなたは、クライアント側でPHPコードを実行することはできません
+0

は、私はあなたが私は、コードを実行していないのです。この – Jez

0

... :

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

によって何を意味するのか理解していませんクライアント側では、ライブWebサイトにあります。 – Jez

+0

あなたは<?php echoを持っていますか? –

+0

どういう意味ですか? – Jez

関連する問題