問題タブ [angularjs-compile]

素敵なホバー メニューの実装をオンラインで見つけました。href の割り当てに最適です。ui.router の状態と sref で動作するように変換したかったのです。

メニュー データ オブジェクトに href と sref の値を追加しました。

HTML を生成してコンパイルした場所で、{{node.href}} を "{{ $state.href(node.sref)}}" に変更します。

しかし、「{{ $state.href(node.sref)}}」を生成した出力は、私が書いたとおりに表示され、評価されていません。

これは、そのコンテキストで $state が定義されていないためですか? もしそうなら、私はそれをどのように定義しますか？

そうでない場合は、評価されていない理由を教えていただけますか?

私の最終目標は次のようなものでした: {{node.href ? node.href : $state.href(node.sref)}}

node.href が true の場合は機能しますが、href がコンパイルされていない場合、式は未定義と表示されます...その式を評価しようとしていることがわかります...単に "$state.href(node. sref)" と簡略化して...

また、$compile 中に生成されたエラーを確認する方法はありますか?

どんな助けも大歓迎です。私はAngularにかなり慣れていないので、私の知識には多くの空白があるので、愚かな質問をして問題の基本的な理解を確認し、短い言葉で説明してください:)それが必要です。

angularJS 1.3.14で

エラー: [$compile:tplrt] ディレクティブ 'helloWorld' のテンプレートには、ルート要素が 1 つだけ必要です。

このエラーを解決するにはどうすればよいですか?

ここで説明されているように、fullcalendar のイベントでangular bootstrap-ui ポップオーバーを使用して、HTML でカスタム ポップオーバーを作成しようとしています: Getting Angular UI Calendar to work with UI-Bootstrap Tooltips

しかし、より複雑なポップオーバーを使用する必要がありuib-popover-html、次のように使用する必要があります:

しかし、次のエラーがスローされると：

エラー: [$parse:syntax] 構文エラー: トークン '<' は式の列 1 のプライマリ式ではありません [ Hello World! ] から始まる [ Hello World! ]。

私は何を間違っていますか？

質問のコレクションを含むレポートを生成しています。

質問の種類に応じて質問を描画するカスタム ディレクティブを作成しました。たとえば、質問の種類 1 はテキスト ボックス、種類 2 はテキストエリアです。

質問の種類ごとにディレクティブを作成しました

これらのディレクティブを動的に追加すると、属性を介してデータ オブジェクトが渡されます。そのデータ オブジェクトは、子ディレクティブ スコープでは定義されていません。プロジェクトに初めてangularjsを使用しています。

div の html を変更する際に問題が見つかりました:

JavaScript を介して宣言されているプラ​​グインをng-bind-htmlコードに統合したため、Java スクリプトで属性を設定しています。属性は適切にアタッチされています。これを検査要素で確認しました。実際、JavaScript でプロパティをアタッチすると、いつでも機能しません。それを行う正しい方法は何ですか？コードにエラーはありません。divclass="lab"bindsng-bind-htmlng-bind-html

いくつかの条件が満たされない場合に HTML アクセスを制限するディレクティブを作成しています。残念ながら、内部 HTML が変更およびコンパイルされる前に内部ディレクティブが呼び出されると、問題が発生します。

外部ディレクティブからネストされたディレクティブの実行を停止することは可能ですか?

例 (コンソールを参照): http://jsfiddle.net/xaQzb/14/

HTML:

アプリ

関数を 2 つ以上のレベルのコンポーネントに渡す最善の方法は何だろうと考えていました。「&」バインディングを使用するときに関数ラップをスキップする簡単な方法はありませんか?

ユースケースは次のとおりです。

ps: 私は ngRedux を使用しているため、このようなシナリオは非常に一般的です。

編集：

問題は、上記のコードが機能するためには、各内部コンポーネント コントローラーが次のようになることです。

そして、直接_doSomethingではなく、受け継がなければなりません。doSomething

ps: ここではトランスクルージョンを使用していません

外部モジュール を使用して、ネストされたディレクティブを使用して、コード形式のブロックに含まれる AngularJS ディレクティブangular-ui-codemirrorを表示しようとしています。$element.html()ui-codemirror

私がこれを行う必要がある理由を知りたい場合は、こちらをご覧ください。

静的テキストでこれを行う方法を例から簡単に確認できます。そしてinnerHTML、囲んでいるディレクティブの を問題なく渡すことができます。ui-codemirror後でディレクティブにコンパイルされないだけです。

ここで、これを行うにはおそらくサービスを使用する必要があることがわかります$compileが、その例をこの状況に適応させることはできません。

AngularJS コードの例を次に示します。

そしてhtml：

私のジレンマを説明するために、このプランカーを作成しました。最初のブロックはフォーマットされていません。2 番目のブロック (静的) がフォーマットされます。