問題タブ [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-multi-selectを検証するにはどうすればよいですか?
http://isteven.github.io/angular-multi-select/から angular-multi-select を使用しています。それは私の必要に応じて機能します。モーダル形式で複数選択を使用していて、それを検証したいのですが、必要なオプションを使用すると検証されません。angular-multi-select をフォームで検証する方法を誰かに提案してもらえますか。
コード
前もって感謝します
javascript - 別の角度ディレクティブの子である場合とそうでない場合がある角度ディレクティブ
最近、Angular を学ぶことにしました。これは優れたフレームワークであり、私はかなり楽しんできましたが、その本当の要点であるディレクティブに行き着きました。CSS の移行以降、おそらく HTML に起こった最高の出来事だと思います。いくつかの場所で奇妙な変更されたタブ形式を使用する Web サイトを構築しました (ページのコンテンツはこれらのタブに読み込まれ、バリエーションが FAQ ページに使用されました)。
<menu>
私自身いじり回しているうちに、タグに出くわし、それに対する失望を思い出しました。menu タグを、子要素としてサブメニューを持つアイテムのドロップダウンを使用して、Web サイトの独自のタイプのナビゲーション メニューに変更するディレクティブを作成したいと考えています。例:
「何か」のメニュー項目がマウスオーバーされるまで、メニュー項目タグ内のメニューを非表示にします。<menu> -> <menu-item> -> <menu> -> ...
そして、これが実際のナビゲーションメニューに必要な場合の任意の組み合わせに適用できるようにしたいと考えています。
これが私のjavascriptからの進行中の情報です。何かが機能するかどうかを確認するためにいじっていたことを覚えておいてください。
現時点での主な質問は次のとおりです: レベル 0 (別名、子タグなし) の要素について、渡された HTML 値を収集し、子タグ<menu>
を持つアイテムに渡される menu-title 属性に設定するにはどうすればよいですか? <menu>
?
どんな助けでも大歓迎です。答えがトランスクルード機能に関係していることは知っていますが、使い方がわかりません。以前に $transclude をメニュー項目コントローラーに$scope.menuTitle
渡しましたが、渡された関数内でプロパティを設定しても何も変わりませんでした。リンクはすべて空でした。
注## ブートストラップ css を使用しています。
javascript - 透過要素を削除する
nav タグを介してネスト可能なナビゲーション メニューを効果的に構築するためのカスタム ディレクティブ セットがあります。以前、トランスクルージョンされたテキストの内容を取得する方法についていくつか質問がありました。私はそれを理解しましたが、後でテンプレートに表示されないように、トランスクルードされた要素を削除する方法があるかどうか疑問に思います。This Plunkerを使用すると、要素がトランスクルージョンされた要素のテキストを取得していることがわかります。しかし、それはまだng-transclude
divに含まれています。
plunker 内のコードを見ることができますが、plunker 内の対応するコードは次のとおりです。
価値についての私の知識$transclude
は最小限です-私がここで取り組んだ作品は、ここで多くのグーグルとチェックの質問に出くわしただけです.
あなたが提供できる助けに感謝します。
angularjs - angular-ui-tree: ドロップされた場所 + ディレクティブでドロップされたイベントをキャッチ
アプリでアイテムのツリーを構築するためにangular-ui-treeを使用しています。ドラッグ アンド ドロップ機能を使用していますが、ドロップがいつどこで (どの要素で) 発生するかを知る必要があります。
たとえば、item1 をドラッグしてパネルにドロップします。パネルにアイテム名を表示させたい。(各アイテムには name プロパティがあります)。パネルは、内部にテキストを含む単純な div です。
ドキュメントで、コントローラーの「ドロップされた」イベントにアクセスできることを見ました。しかし、ドラッグ&ドロップされたアイテムに応じてパネルの内容を変更する方法がわかりません。
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には何も表示されません。