問題タブ [angularjs-templates]

Angular はディレクティブ テンプレートをどこに保存しますか?

モジュール/ディレクティブがあり、別のディレクティブで使用するテンプレートを取得できるようにしたいと考えています。具体的には、生の HTML とスコープ変数の名前を表示したい

いくつかの指令

他のディレクティブのテンプレートの生の HTML を見たい他のディレクティブ

次のangularjsテンプレートがあるとします

2つのテキストボックスと次のような保存ボタンがあります

ユーザーが名と姓のテキストボックスに値を入力して保存ボタンを押すと、これら2つの値がテンプレートに渡され、結果のhtmlが既存の.htmlに追加されulます。angularでどうすればできますか？

ng-view と routeProvider を介して各ページを表示するメインの index.html を持つ webapp があります。

現在、まだログインしていないユーザー向けのエントリ ページを追加しています。このページには、ログインしていないユーザー向けのさまざまなセクションをスライドさせるための独自の ng-view を含めることもできます (ようこそ、サインイン、サインアップなど)。 ) と css スクリプトを使用した彼自身の頭 ecc...

webapp インデックスとエントリ ページ インデックスの両方が www.example.com をアドレス指定することをお勧めします (したがって、 www.example.com/welcome のようなものはありません)。

私はこれに似た構造について考えました：

• webapp/
  • 主要/
  • ページ1/
  • ページ2/
  • ようこそ/
    • セクション1/
    • 第2節/
    • index.html
    • welcome.js (エントリーページのAngularモジュール)
  • .htaccess
  • index.html
  • webapp.js (webapp の routeProvider を含む角度モジュール)

現在、すべてがここで処理されるように、すべての偽のクエリを index.html に書き換える .htaccess があります。

したがって、特に：

1) webapp.js の routerProvider に、ユーザーがログインしていないときに /welcome/index.html に移動するように伝えるにはどうすればよいですか? (run メソッドを使用する必要がありますか? 簡単な例が役立ちます)

2) Welcome/index.html 内のすべてが index.html ng-view 内に読み込まれないようにするにはどうすればよいですか? (おそらく ng-if を使用して ng-view を非表示にしますか? または、routerProvider でこの動作を制御する方法がありますか?)

3) これらすべてを達成するためのより良い、より簡単な方法はありますか?

ありがとう。

更新: 私の質問には根本的な問題があったと思います...すべてが読み込まれ、別のページに切り替えるとアプリのリロードが発生し、すべてのデータが失われるため、完全に別のページを使用することはできません。したがって、Web サイト全体で同じメイン テンプレートを使用する必要があると思います。
次に、次のように追加します。angularjs でさまざまなスタイル シートを動的にロードする方法はありますか?

angularjsフォームにデータを渡そうとしていますが、成功しません。モジュールを定義し、それをテンプレートで呼び出し、テンプレートをコントローラーにバインドしています。既存のユーザー名を値としてフィールドに表示するために、 $scope 変数に何かを渡すという考え方です。ユーザーの追加と編集には、同じフォームが使用されます。最後のケースでは、ID でユーザーを取得し、変数$scopeを介してユーザーの情報を渡します。myForm

物事を簡単にするプランカーを次に示します: http://plnkr.co/edit/nAabxgrw4HqLcgrErVxq?p=preview

テンプレート：

コード：

どんな助けでも素晴らしいでしょう。

ページにいくつかの動的要素 (リストなど) があります。各要素に onClick アクションのハンドラを追加したいのですが、各要素は指定されたデータでこのハンドラを呼び出す必要があります。

私はこれを試しました：

js:

html:

dom を観察していると、正しい html: ng-click="onClick('name_1')" が表示されますが、行をクリックしても何も起こりません。なんで？(また、コンソールで angularJS によって長い赤いエラーが発生し、本当に間違っていると言っています)

どうすれば私が望むものを達成できますか? 私はそれが私のやり方で行われなければならないとは言いません。別のアプローチがあるかもしれません-私のものよりも優れています（角度プロパティを使用するなど（ng-repeatのように：$ index））

$scope.object = { prop: 12345 }プロパティを に設定して削除するスコープ変数がありますundefined。

値を に設定する代わりに、テンプレート内からプロパティを削除し、コントローラーに追加機能を追加しない可能性はありますundefinedか?

サーバーからの単純な文字列配列があります。

私のページで、私が持っている配列を表示するには:

そしてそれは印刷します：

たとえば、括弧や引用符を削除したい場合、印刷を制御するにはどうすればよいですか?

Angularjs と c3 チャート ディレクティブを使用しています。私のテンプレートコンパイルコードは

for ループ内のすべての promise が完了した後にのみ、このテンプレート コンパイル コードを実行したいと考えています。どうすればそれを達成できますか？また、モデル名を動的に割り当てるために $scope[data.chartIdent] を使用しましたが、正しい方法ですか? 以下は私のコントローラーのサンプルコードです。

$q.all を使用して、テンプレートを動的に作成する方法。ここでは、for ループから外れているため、'i' 値はテンプレートに使用できません。

ChildCtrlその上のボタンをクリックしたときだけ初期化したいと思います。そんなことがあるものか？