問題タブ [angularjs]

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.

0 投票する
3 に答える
6581 参照

jquery - AngularJS - オブジェクトが破棄された後にテーブル行を削除する

json オブジェクトのリストを返す AngularJS アプリがあり、それらのオブジェクトを反復処理してテーブルに配置します。

テーブルの各項目には、ng-click メソッドを使用した「削除」ボタンがあります。

私は ng-resource を使用してオブジェクトを削除しています - そしてそれはうまくいきます。

ただし、できればJQueryを使用して、削除後にオブジェクトと削除ボタンを格納する行を非表示 (または削除) できるようにしたいと考えています。

これが私の破棄方法です:

メソッドはオブジェクトをうまく破棄します-行を削除しません...そのため、ボタンをクリックしたときに返されるオブジェクトをログに記録してみました:

angular Scope オブジェクト自体を返すようですが、関連する DOM 要素にアクセスする方法が見つかりません。

これは testButton 関数から返されたオブジェクトを示すスクリーンショットです - もちろんボタンをクリックすることでトリガーされます:

ここに画像の説明を入力

JQuery を使用して Angular オブジェクトに関連する DOM 要素にアクセスするにはどうすればよいですか?

編集

完全な表の行は次のとおりです。

0 投票する
3 に答える
2943 参照

angularjs - AngularJSのテンプレート参照のようなものはありますか?

レイアウトが完全にデータ駆動型のフォームを作成しようとしています。

データソースの例:

ng-repeatとng-switchを使用して、「タイプ」に応じてフォーム要素を選択できると思いますが、「FieldC」に到達すると、これを再帰的に実行することになると行き詰まります。

基本的に、「構造体」に遭遇したときに、ng-switchを構造体フィールドに再帰的に適用する方法が必要ですか?同じページの複数の場所で使用できるようにテンプレートを「参照」する方法はありますか?テンプレート「partials」のサポートは、ここではやり過ぎのように見えるルートを介してサーバー側で調整する必要があるようです。これは、独自のディレクティブの作成を掘り下げる必要がある場所ですか?

編集私はちょうどそれが私がしたいことをするかなりのチャンスがあるように見えるこれに遭遇しました(私はまだそれを適切にテストしていません)、それは正しい方向ですか?

0 投票する
1 に答える
5399 参照

unit-testing - AngularJS - インジェクションによる基本的なテスト

だから私はテスト全体に不慣れです(私は「ユニットテストを書くべきだ...」と言ったが、それをやったことがない人の1人でした:-p)。現在、このプロジェクトの単体テストを書いています。私は testacular + Jasmine を使用しており、browserify を使用してコンパイルしています。AngularJS のインジェクションをたくさんやろうとするまでは、何の問題もありませんでした。

今、私は単に ng-model のテストを行って、すべてを把握しようとしています。

必要なものがすべて含まれている testacular.conf ファイルがあります。

コントローラーを定義しました (MainCtrl.coffee)

そして、私は自分のテスト自体を持っています:(_MainCtrlTest.coffee、MainCtrl.coffeeと同じディレクトリにあります)

テストはすぐに失敗し、入力の elm.val() が空白を返し、scope.hello が意図した値 ('initial'、MainCtrl.coffee で設定) を返します。

ここで何が間違っていますか?

0 投票する
3 に答える
468 参照

css - 存在する別のクラスに応じた CSS 親セレクター

私のマークアップは次のようなものです:

フォームに ex: ng-dirty のクラスが適用されている場合、アンカー タグの背景色を変更したいと考えています。フォームは angularJs フレームワークによってこのクラスに適用されます。その場合、背景色を変更して「a」タグを強調表示したいと思います。

純粋なCss(またはsass)を使用してこれを行うにはどうすればよいですか?

ありがとう、クリス。

0 投票する
22 に答える
504235 参照

angularjs - AngularJSでページングを行う方法は?

メモリ内に約1000アイテムのデータセットがあり、このデータセットのポケットベルを作成しようとしていますが、これを行う方法がわかりません。

カスタムフィルター関数を使用して結果をフィルター処理していますが、これは正常に機能しますが、どういうわけかページ数を取得する必要があります。

手がかりはありますか?

0 投票する
1 に答える
2899 参照

javascript - ディレクティブ'scope'のvalue属性の必要性

ディレクティブを作成するプロセスを実行していました。いくつかの浮き沈みを経て、ディレクティブ(ウィジェット)を作成し、ディレクティブが取るさまざまな属性を完成させました。

属性、バインド、評価、式など、利用可能なさまざまなオプションを使用しました。

私が考えたのは、ジェネリックコンポーネントを作成したい場合、人々がコンポーネントに値を渡す方法がわからないということでした。

これがイラストです...

新しい要素コンポーネントを作成しています。

helloのname属性は、その中の唯一の変数です。あなたがそれを一般に公開する場合...これらは人々がこのコンポーネントを使用する可能性のあるシナリオです。

ケース1:

ケース2:

ケース3:

今..さまざまなシナリオで..提供されているさまざまなオプションを理解するようになりました。コンポーネントからテンプレートへの値の単純な直接置換であるため、「属性」が必要になる単一のシナリオを考えることはできません。

ディレクティブ定義で、名前を「属性」ではなく「評価」として定義した場合

属性の場合:

評価する場合:

余分な一重引用符に注意してください。

私が知る限り、evaluateは属性が何をするのかをカバーしています。そして、evaluateを使用することは、より多くのシナリオをカバーするので、属性だけよりも良い選択のようです。

そもそも属性が存在する理由を誰かが説明できるとしたら?より多くの選択肢=より多くの混乱..:)

0 投票する
1 に答える
9088 参照

jquery - AngularJS コントローラーから jQuery を適切に呼び出す方法

AngularJS で jQuery-UI タブを使用しようとしています。

こちらの例をご覧ください

問題はjQuery("#tabs").tabs();、コントローラーを呼び出すと、何かを「タブ化」するために必要なものの「半分」を接続しているように見えることです。

アイデア?

0 投票する
15 に答える
45693 参照

symfony - symfony2アプリケーションのAngularjs

私はフロントエンドで多くのJavaScriptを使用するSF2アプリケーションに取り組んでいます。

SF2は、優れたRESTアプリを構築したり、データベースを教義で管理したり、テンプレートに小枝を使用したりするための優れた方法を提供してくれますが、Angularjsを使用したいと思います。

私はangularjsとSF2が異なるアプローチを持つ2つの異なるフレームワークであることを知っていますが、この作業を行うための最良の方法は何であるか疑問に思っています。

それも価値がありますか?

はいの場合、よりクリーンで最も効率的なソリューションは何だと思いますか?

たぶん、angularjs中括弧を使用するために、テンプレートに小枝の代わりにphpを使用しますか?

0 投票する
2 に答える
943 参照

javascript - コンテンツを保持するためのプレースホルダーとして子ディレクティブを使用する方法はありますか?

私はangularjsが初めてです。子ディレクティブを、コンテンツを保持するためのプレースホルダーとして使用するだけでなく、実際にレンダリングする方法があるかどうかを確認したいですか?

親にすべてを任せたいので、子ディレクティブでレンダリングを行いたくありません。したがって、親ディレクティブに他の特別なロジックを含めることができます。

対応する html コード:

上記のようなことを試しましたが、何もペインにプッシュされません。子ディレクティブ (ペイン) のリンク関数が呼び出されないようです。その結果、タブを追加するためのリンクのみが表示されます。

何か案は?

0 投票する
1 に答える
1183 参照

angularjs - Awesomium での DOM 例外 18

ローカル ファイル システムからロードされ、awesomiumを使用してレンダリングされた Web ページがあります。ページはAngularJSを使用してページの一部をレンダリングしています。ただし、Dom Exception 18 を生成する AngularJS コントローラーの一部に問題があります。

angular-1.0.0rc10.js @ 行 5349 エラー: SECURITY_ERR: DOM 例外 18

この例外は、AngularJS コントローラーの最後に次のコードが存在するために発生しているようです。

奇妙なことに、AngularJS の $http オブジェクトの代わりに単純な XMLHttpRequest を使用すると、すべてがうまくいきます。

このページを chrome (ローカル ファイル システムから、awesomium と同じ) にロードしただけでは、この例外は生成されません。

何が原因で、どうすれば修正できますか?