1

やあみんな、私はAngularにかなり慣れていません。

ユーザーは profileSettings ページでプロファイル設定を編集できます。

プロファイル テンプレートには次のものがあります。

<div>{{ user.name }}</div>
<a class="pull-right" ui-sref="profileSettings"><strong>Edit Name</strong></a>
...more code...
<div>{{ user.description }}</div>
<a class="pull-right" ui-sref="profileSettings"><strong>Edit Description</strong></a>

Settingsprofile テンプレートに移動するための編集リンクをクリックできるようにしたいと考えています。ただし、新しいテンプレートがレンダリングされたときに、関連するフィールドに自動的にスクロールする必要があります。

そのため、名前の編集リンクをクリックすると、profileSettings テンプレートに移動し、自動的にスクロールして名前フィールドを編集します。説明の編集リンクをクリックすると、プロファイル設定ページにもリダイレクトされますが、説明フィールドの編集に自動的にスクロールされます。

Angualar/ui-sref でこれを行う簡単な方法はありますか?

4

1 に答える 1

0

profileSettings状態がアクティブになったときに呼び出されるオプションのonEnter コールバックを使用して、これら 2 つの関数をレンダリングします。

したがって、コードは次のようになります。

$stateProvider.state('profileSettings', {
  url: '/settings',
  template: 'settings.html',
  controller: 'ProfileSettingsCtrl',
  onEnter: function(){
      $location.hash('hashValue');
      $anchorScroll();
  }
});

注:依存関係に$locationとを追加することを忘れないでください。$anchorScroll

于 2015-07-25T00:53:39.520 に答える