問題タブ [ui-sref]

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 投票する
1 に答える
267 参照

angularjs - ui-sref のパラメーターを使用して ng-repeat フィルターを動的に変更する

そのため、ng-repeat リストにカスタム フィルターを設定しました。これは、同じページで別のボタンを使用して動的に変更できます。

私の質問は、このフィルターをページ外の値で変更するにはどうすればよいかということです。

明確にするために、「list.view.html」に ng-repeat リストがあり、フィルター値を含むホームページのボタンを押して、「list.view.html」をロードできるようにしたいと考えています。私のホームページのボタンのパラメータを含むフィルタリングされた結果。

さらに繰り返すには、

list.view.html の ng-repeat の上に、次のようなボタンを含めます。

statusOpen ブール値が true と評価される項目のみを含めるように ng-repeat を更新します。

これが私のng-repeatのフィルターです

フィルタリングされた結果を含む list.view.html ページにルーティングするホームページのボタンをクリックして、同じ結果を得るにはどうすればよいですか?

list.view.html のコントローラーで param フィルターを設定しようとしましたが、機能しませんでした。

たとえば<a ui-sref="tasks.list({ myFilter = { onlineTask : 'true' } })">、私のホームページと::私のclient.routes.js

コンソール エラー メッセージ

angular.js:11706 エラー: [$parse:syntax] 構文エラー: トークン '=' は予期されていません。式 [{ myFilter = { onlineTask : 'true' } }] の列 12 で [:] を [= で開始する必要があります。 { onlineTask : 'true' } }]. http://errors.angularjs.org/1.3.20/ $parse/syntax?p0=%3D&p1=is%20unexpected%2C%20expecting%20%5B%3A%5D&p2=12&p3=%7B%20myFilter%20%3D %20%7B"

これをどのように進めるかについての一般的な方向性を探しています。

よろしくお願いします

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

html - ディレクティブ テンプレート Angular Js の動的 ui-sref

私のangular jsアプリケーションでは、ng-repeat内にディレクティブがあります。ディレクティブには、HTML 部分が読み込まれるテンプレートがあります。そのテンプレート内で、状態を動的に設定する ui-sref Router を宣言しています!

これは動作しません!

私はフィドルを試しました

ディレクティブ ui-sref を使用しなくても問題なく動作します。しかし、ディレクティブのテンプレートで必要です。

私のHTML部分

私のスクリプト部分

出力パーツをクリックすると、ブラウザ コンソールが表示されます。

エラー

エラー: 無効な状態参照 '( { peId:peObj.peId } )'

ディレクティブ テンプレート内で動的状態名を呼び出すベスト プラクティスは何ですか? 以前に尋ねられた質問と回答をいくつか読みましたが、Angular Js を初めて使用するため、その考えが明確ではありません。

任意のアイデア/ヘルプをいただければ幸いです

ありがとう

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

javascript - リンクのAngular ui-srefパラメーター

Angular のルーターには URL がありますが、このリンクにパラメーターを追加する方法がわかりません。

router.js

View.html

およびInvitationDetailsController.js

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

javascript - ページの読み込み時にデフォルトでリストタグを選択またはアクティブにする方法

ui-sref-active="active"選択したタグをアクティブにするために使用し<li>ていますが、3 つのリスト タグのうち、デフォルトでリスト タグをアクティブにしたいです。

最初のリスト タグをデフォルトでアクティブにし、ユーザーが別のリスト タグをクリックすると、非アクティブ化してから別のリスト タグをアクティブ化する必要があります

私はこのディレクティブを使用しています: http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref-active

0 投票する
0 に答える
310 参照

angularjs - AngularJS: 未定義のプロパティ 'runner' を読み取れません

概要 : angular アプリケーションで重大な問題が発生しています。私は使っている

  • AngularJS v1.4.7
  • angular-animate
  • angular-ui-router

コンソールにエラーが表示されますTypeError: Cannot read property 'runner' of undefined

スクリーンショット:

ここに画像の説明を入力

エラーを生成する方法:

これType Errorは毎回生成されるわけではありませんが、HTML およびコントローラーからのstate使用を変更しようとしたときに発生します。ui-sref$state.go()

これまでに何を試しましたか?

この一時的な修正を試みましangular-animate.jsたが、まったく進歩しませんでした。

ここに画像の説明を入力

opened issueとにgithubもたくさんありますSO

即時のヘルプは非常に高く評価されます。ありがとう

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

angularjs - spring boot+security+angularjs で angular-routing(ui-sref) を使用してページを更新する

ここでは、spring-boot+security アプリケーションで angular-routing を使用しています。ui-sref を使用して $stateProvider で定義された状態にアクセスすると、ページ全体が更新されます。更新を停止し、URL を追加してテンプレートを表示するにはどうすればよいですか?

angularJS コード:

HTML コード:

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

javascript - stateParams を保持する ui-router の状態を変更するには?

angularjs で ui-router を使用しており、次のコードがあります。

blog.module.js

modules.module.js

すべてのルートの:domain_idは、私のアプリで同じものを参照しています。しかし、可能であれば、使用する:domain_idそれぞれに渡す必要なく、すべての状態変更でこれを持続させる必要がありui-srefます。作り方がわからないのですが、わかる方いますか?

本当にお気遣いありがとうございます