問題タブ [ui-sref]

私は Ionic でアプリを作成しています。オンライン管理サイトからの基本的な動的テキストが含まれています。このデータをjson経由でアプリに取り込むことができたので、アプリに動的リンク（または状態）を作成したいと思います。問題は、いくつかの物質のリストがあり、その物質ごとに異なる情報が含まれていることです。現在、これらの物質のリストがあり、特定の物質をクリックすると、この特定の物質のすべての情報を表示する別の状態に移動する必要があります。

これが私がこれまでに持っているコードです:

データベース:

app.js

controllers.js

}))

物質.html

私はangular（および意欲的なジュニア開発者）が初めてで、ui-routerのui-srefを取得してhrefを生成できません。

コードはきれいではありませんが、.state('names.new') がなくても機能します。私は .state('names') から .state('names.medals') にうまくいきました。すべてがエクスプレス/モンゴを介してスムーズに取得および入力されます。

目標は、単純な form.html ページである「/#/names/:names/new」にユーザーを誘導する ui-sref を使用してアンカー タグを作成することです。

(注: このビルドは、 https ://github.com/codeschool/OlympicsMEAN の CodeSchool のチュートリアル/リポジトリに大きく基づいています。)

ここに私の州があります：

そして、ここに私のコントローラーがあります：

参考までに、この .json オブジェクトは .state('names') の解決された GET リクエストから返されます。

戻りオブジェクト:

ここに私のテンプレートがあります：

/views/namesNav.html :

/views/namesName.html :

この問題を解決するために必要なすべてを提供できたことを願っています。

angularのドキュメントとウォークスルーをかなり読んだ後でも、 $scope 、コントローラー、およびプロパティ/サービスをある状態から別の状態に渡す方法、および/または親/祖父母の状態から継承する方法について根本的な誤解があると思います。

私が成長するのに役立つリソース (記事、コース、ビデオ、チュートリアル、プロジェクト、書籍) をお持ちの場合は、大いに感謝します。

助けてくれてどうもありがとう！

Angular を使用してレガシー プロジェクトに取り組み始めており、 と1.5の両方hrefを使用していますui-sref。

特にトップメニューの場合、後者を使用する意味がよくわかりません。

例

menu.html

app.route.js

質問

長所と短所、ui-srefおよびそれが役立つシナリオをいくつか提供していただけますか?

これは私の状態の定義です:

これらをクリックすると、

期待どおりに動作しています。定義して reportController から呼び出したサービス ファクトリ関数を呼び出し、REST サービスからデータを取得して表示します。URL はhttp://.../#/app/reports?param1=param1 です。

これをクリックした後、

動いていない。私の「工場」関数は呼び出されず、REST 呼び出しもないため、データは変更されません。どういうわけか、URL はhttp://.../#/app/reports?param1=param1¶m2=param2 です。

これは変ですか？

編集:ここで見ることができます。http://plnkr.co/edit/wmfgqY9hCmIj9Bk39NaP?p=preview

angularjs アプリケーションから # を削除したい $locationProvider を試しましたが、うまくいきません

ここに私の設定があります:

私は ui-sref を使用して URL を呼び出しています:

ブラウザの URL は次のように表示されます。

これが私のルートです：

2 つのパラメータを含むリンクを次に示します。

これは、パラメータが 1 つだけのリンクです。

1つのパラメーターを持つリンクは機能しますが、2つのパラメーターを持つもう1つのリンクは機能しません。クリックすると次のエラーが発生します。

http://localhost:5000/api/pages/[object%20Object] 401 (無許可)

注:

*試しました：スカッシュ、オプションのパラメーター（[：param]）、正規表現..しかし、何も機能しませんでした

*Angular 1.3.6、ui-router 0.2.11 で作業しています

私はこのテンプレートを持っています

ユーザーがURLをクリックしてこれらの状態間を移動できないようにする必要があります。特定のテンプレートにあるボタンを使用して状態間を移動する必要があります。

ディレクティブui-sref-activeなしでどのように使用できるのか疑問に思っていましたか?ui-sref