2016-06-15 13 views
0

私は、動的な量のボタンをページに追加するためのイオンプロジェクトを持っています。IONIC/AngularJS:要素を動的に追加する

ページには画像があります。そして、私はこれらのボタンをイメージの上に注入する必要があります。

私はボタンが必要なウェブからデータを取得します。

<button class="hotpoint" style="position: absolute; top: 10pt; left: 10pt"></button> 

のページへ:(位置)

どのように私のようなコントローラからのHTMLコードを挿入することができます。

は、私のようなものが必要:

for(var obj in objects) 
{ 
    $scope.addHTML("<button style="top: obj.y; left: obj.x;">...</button>"); 
} 

私はこれをどのように達成することができますか?

ありがとうございました

+0

投稿したコードを投稿してください。 – Yogesh

+0

できません。私は今、どうやって行うのではないからです。私はちょうどコントローラの中に関数を持っていて、 " errorcode

+0

私は推測**あなたはngスタイルを探しています。https://docs.angularjs.org/api/ng/directive/ngStyle。あなたの質問は次のようになります:*私はコントローラのスコープ[コントローラのコード]に公開されている次のデータを持っていますが、そのデータに含まれるポイントを次のHTML [html]を使ってページに表示したいと思います。値はハードコードされるべきではありません:その値は私のデータ内の点の座標から取られなければなりません:[code]。しかし、私が望むようにするのではなく、 。*。 –

答えて

0

私は自分でこの問題を解決しました。

トリックは私はdiv要素を追加しましたindex.htmlで "NG-バインド-HTML"

た:

<div ng-bind-html="hotpoints"></div> 

そして、私はこのようなコントローラにHTMLコードを挿入することができます。

$scope.hotpoints = $sce.trustAsHtml('<a id="but" class="hotpoint animated infinite" style="top: 100pt; left: 100pt;"></a>'); 
関連する問題