問題タブ [angular-directive]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - angularディレクティブとAjax呼び出しの間のタイミングの問題
いくつかの情報を取得する ajax 呼び出しを実行しています。
<span id="test" abc-dir="test"> </span>
ここで、ajax 経由で返された上記の情報に対して実行する必要がある角度ディレクティブもあります。
問題は: Angular ディレクティブが最初に開始され、DOM で abc-dir を見つけようとしますが、Ajax 呼び出しが完了していないため、何もしません。最初にajax呼び出しを起動してから、Angularディレクティブを呼び出す方法は?
私のHTMLコード:
<body ng-app="TestApp" ng-controller="TestCtrl" ng-init="init()">
<div class="test" id="testid"></div>
<script>
require( ['jquery'], function($) {
$.ajax({
type: "GET",
url: "....",
success: function(data) {
document.getElementById('testid').innerHTML = data
}
});
});
</script>
私の Angular ディレクティブ コードは次のとおりです。
angular.module('TestApp', ['ngSanitize'])
.directive('abcDir',['abcPropertyMap',function(abcPropertyMap) {
return {
restrict: 'A',
template: function(elm,attrs){
var value = abcPropertyMap[attrs.abcProperty];
return '<span ng-bind-html="'+value+'">x</span>';
}
}
}])
angularjs - タグのコンテンツをディレクティブのスコープにバインドする方法は?
次のようなディレクティブがあるとします。
要素のコンテンツをディレクティブのスコープにバインドするにはどうすればよいですか?
javascript - Angularjs で GeoChart を使用する
Angular で Google GeoChart を使用するにはどうすればよいですか? Javascript のこの例のように、geoChart 内に角度データを挿入したいhttps://developers.google.com/chart/interactive/docs/gallery/geochart?hl=it#Regions
いくつかのアドバイス？
angularjs - ng-repeat 内の AngularJS 動的ディレクティブ
ng-repeat 内で動的にディレクティブを作成しようとしています。directive-writer他の多くのディレクティブを作成する がありますが、 はディレクティブ属性を出力していdirective-writerないようです。したがって、ディレクティブの 2 番目のセットはレンダリングされません。
完全なデモについては、この Plunkerを参照してください。
要するに、私はこのディレクティブタグを持っています:
スコープ データ:
ディレクティブの定義:
さらに 3 つのディレクティブはすべて次のようになります。
問題は、値を属性としてのみテキストとして書き出さないことですdirectiveWriter...tAttrs.directiveType
したがって、レンダリングされた HTML は次のようになります。
「three」が div 内でテキストとしてレンダリングされる場合、問題はありませんが、属性としてレンダリングされることはありません。
理解できない：
- テキスト「three」を div 内でテキストとしてバインドできるが、属性としてバインドできないのはなぜですか。
- クラスが「ng-binding」に設定されている理由。
angularjs - textangular からのテキスト入力をサニタイズする
私が取り組んでいるプロジェクトのリッチ テキスト ソリューションとしてtextangularを使用しています。
特定の html タグのみを許可するため、この入力をサニタイズする必要があります。
これは textangular のデフォルトの可能性ではないため、textangular ディレクティブをラップするディレクティブを作成しました。入力テキストを正常にサニタイズできますが、ビューは更新されず、これを達成する方法のアイデアが不足しています
指令：
ログにモデルが出力され、実際に変更されていることが示されます。textangular で実際のテキストエリアを更新する方法がわかりません。
誰かがこれを手伝ってくれますか、それとも正しい方向に向けてくれますか?
angularjs - Angular Jsディレクティブでコントローラーを部分的に呼び出す方法
タブのディレクティブを作成しました。静的コントローラーでは正常に機能しますが、テンプレートのいずれかにコントローラーを追加しても何も表示されません。
私のタブディレクティブはここにあります
ローカル スコープ
html のディレクティブ
head.html の内容
SystemHeadendCtrl.js
そのタブがアクティブな場合、head.htmlには何も表示されません。
angularjs - angular - ディレクティブ スコープが破棄されていない
AngularJS とコンパイル機能に非常に奇妙な問題があります: http://plnkr.co/edit/7W9AbpaLqsYCecOWdIlz?p=preview
簡単な $compile 構造を作成したので、さまざまな html テンプレートを動的に挿入できます。
「INIT」イベントで BodyController を調べると、状態が変更され、UI が表示されます。
ログインに戻って GAME に戻った後、「Test1」が 3 回表示され、「Test2」が 1 回表示されますが、「Test1」だけが 1 回表示されるはずです。
また、プリコンパイル ディレクティブは破棄も実行もされません。
毎回 scope().$destroy イベントを発生させていますが、コアがこれを正しく認識していないようですか?
誰かが私を助けてくれることを願っています。ありがとう
編集: クロスリンク: https://github.com/angular/angular.js/issues/9190
更新: 問題が見つかりましたが、解決方法がわかりません:
コンパイル後:
angularScope ($rootScope) はリスナーを以下に追加します。
この $stateChangeSuccess-Listener はクリアされていません
自分でクリアすればバグはなくなりますが、これは正しいケースではないでしょうか?
子スコープの $destroy-event は、$rootScope のリスナーに影響を与えないようです。