angularjs-ng-transclude

1熱

1答えて

AngularJS（1.x）では、他のウィジェット（コンポーネント）の挿入ポイント（スロット）を持つ再利用可能なウィジェット（コンポーネント）を作成するにはどうすればよいですか？ "verticalsplitter"というコンポーネント/命令があるとします。画面領域を「上」と「下」の領域に分割することが目的です（おそらくユーザーのサイズ変更や折りたたみなどが可能です）。ここで、豊富な他の豊富なコ

0熱

1答えて

AngularJS 1.6.xコンポーネント転記スコープの問題

私の子供のtransclude使用法で親バインディングにアクセスするにはどうすればいいですか？親コンポーネント： <div class="wizard-container" ng-animate="transitionClass"> <section> <nav> <ol class="cd-breadcrumb triangle align-center a

0熱

1答えて

ng-showとの切り替えがディレクティブで動作しない

私のアプリケーションでサイドバーを表示する指示があります。このサイドバーの中にいくつかのコンテンツを切り替えるコードを書き込もうとしました。しかし、トグル機能をトリガーすると何も起こりません。これは私のディレクティブです： menuItem.directive("menuItem", function() { return { restrict: "E", templa

1熱

1答えて

AngularJSマルチスロットの転用

AngularJS 1.5.8のコンポーネントをマルチスロットの移行で実装しようとしています。ディレクティブを使用してもコンポーネントが正常に動作しても、スロットが見つからないようです。。これは私がコンポーネント app.component('asComponent', function() { return { transclude: { 'title': '?pane

1熱

1答えて

AngularJS指令親スコープを転用

私は指示に取り組んでおり、はの字句を使用していますので、の内部要素が使用されています。のは、これが私のディレクティブの見解であることを言ってみましょう： <div> <div ng-repeat="opt in options"> <ng-transclude></ng-transclude> </div> </div> 指令： app.directive("

1熱

1答えて

角度のあるディレクティブテンプレートを独立したスコープでレンダリングすることはできますか？

孤立したスコープを使用して、角度のあるディレクティブで奇妙な動作が発生しました。明らかに、テンプレートは新しいスコープではなく、古いスコープ（たとえトランスコードされていても）を使用して解決されます。それがディレクティブのスコープの '隔離' HTML違反するとして、これは少し奇妙に聞こえる： <div ng-app="myApp"> <div ng-controller="MyCon

1熱

1答えて

$ element.append（）は、トランスコードされたときには追加されません

私が理解する限り、以下のコードでは毎回異なるインデックス値で3回パラグラフをレンダリングする必要があります。代わりに、最後のトランジションだけをレンダリングしています。何が起きてる？ const app = angular.module('app', []) app.component('test', { transclude: true, controller:

4熱

1答えて

置換ディレクティブとフォーム

私はレイアウトをラップするためのディレクティブをいくつか作成しようとしています。レイアウトから抽象化することができます（それはディレクティブの主な目的の1つです）。それでは、私が持っているしたいことは、このようなものです：私はその後、私はそのモデルを確実にしたいこの app.directive('dialog',()=>{ return { template: '<div c

2熱

2答えて

DOM内のフィルタリングされていないDOMコンテンツのフィルタリング

AngularJS（バージョン1.6.5）コンポーネントを2つ作成していますが、トランジションを使用するとフィルタリングができません。第一成分が<div>コンテンツを移入するトランスクルージョンを使用する単純な容器である：第二成分が容器（<panel-with-title>）を使用し、単純な濾過（入力フィールドから）のリストでそれを供給 app.component('panelWithTitle

3熱

1答えて

AngularJS指示文でオプションの継承された要素が使用されているかどうかを検出しますか？

私は以下のスタイルで指示を設定しました。この例では、<dir-header>と<dir-footer>のようなオプションの継承された要素が使用できます。 directive.js（部分） module.directive('dir', function() { return { restrict: 'E', templateUrl: 'path/template.