2017-02-20 3 views
1

私は単純な角度のアプリケーションを作成しようとします。そのロジックは以下のようになります。角度が指示内のデータ結合を解析できません

  1. は(例:ハイフォン)都市名を入力

  2. クリックして検索を - >> showed-が発生することになる結果をクリックして - >マップがに更新されます新しい場所 - >マーカーをクリック - >情報を表示する情報ボックスが表示されます。

ただし、方向はオリジナルのままとしているようです。あなたはなにか考えはありますか?

$scope.getInfoBoxContent = function (index) { var content = '<div today-info-directive details="' + index +'"></div>'; var compiled = $compile(content)($scope); console.log('compiled', compiled); return compiled[0]; }

http://plnkr.co/edit/pHjqHGNupAZnO5ORSjQW?p=preview

は、ディレクティブは思わ:

enter image description here

この

は私が情報ボックス(コントローラ内部)、あなたはplunkerリンクで詳細に見ることができますを取得するために使用するものです式を解析しません(たとえば、{{1 + 2}})。

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

答えて

1

templateUrlを使用して、すべての '\'文字を削除して、別のファイルにディレクティブテンプレートをコピーし、そのディレクティブのtemplateUrlにURLを指定します。それが動作するかどうかを確認します。ちょうどあなたのフィドルでテストしたと

+0

ありがとう!出来た!!! しかし、テンプレートプロパティの中にコンテンツを置くことと特定のファイルとの違いについてはわかりません。あなたが私にこの好奇心の説明を与えるのは素晴らしいことです。 ところで、あなたは私の人生を救いました^ – vuquanghoang

+1

真実を伝えるために、なぜ私はそれが働いたのか分かりません。私が知っているのは、私は複数行の文字列を再送することです。通常は、すべてのテンプレートに対して別々のファイルを使用することをお勧めします。しかし、複数行を使用したい場合は、代わりにes6 'バックティック表記を使用してください –

+0

あなたのお薦めをありがとう!!! – vuquanghoang

関連する問題