AngularJS/UI-ルータ：</p> <pre><code><input type="button" value="New Post" ng-click="$state.go('blog.new-post')"> </code></pre> <p>目標は、することなく、新しい状態に遷移することです：$のstate.goがNGクリック

Question

内では動作しません。私は、次のコードを持っているビューを持っていますhrefを使用してください。残念ながら、上記のコードは起動しません。

私はまた、このビューのコントローラで$状態を含めることを試みた：

app.controller('blogPostsController', function($scope, $stateParams, $http, $state) ... 

しかし、まだ何もありません。 transictionToも動作していないようです。

誰でもこの作品を作成する方法はありますか？

EDIT：

$scope.$state = $state; 

を私のコントローラ内：私はそれを割り当てることによって動作させることができます。これは醜いようです。本当にスコープに割り当てることなく$ stateにアクセスする他の方法はありませんか？

Answer 1

それはあなたがui-routerを使用している場合、そのことはできui-srefという属性がある

angular.module("myApp").run(function ($rootScope, $state, $stateParams) { 
    $rootScope.$state = $state; 
    $rootScope.$stateParams = $stateParams; 
}); 

Answer 2

により、すべてのスコープので、すべてのテンプレートで利用できるようになりますのでhttps://github.com/angular-ui/ui-router/wiki/Quick-Reference#note-about-using-state-within-a-templateによるとあなたは、$rootScopeに追加することができます私はそれを使用して、ボタンなどのリンクをスタイリングをお勧めします

<a ui-sref="blog.new-post"></a> 

（あなたはTwitterのブートストラップのようなCSSライブラリを使用している場合は簡単に行うことができます）：次のように使用すること。その後、あなたのリンクを書くときにJavaScriptを使いこなす必要はありません。

あなたは状態にパラメータを渡す必要がある場合は、次の操作を行うことができます

$のscope.itemを使用すると、URLパラメータとして渡すことがしたいIDプロパティを持つオブジェクトです

<a ui-sref="blog.edit-post({id: item.id})"></a> 

。

Answer 3

最も簡単な解決策は$ウィンドウサービスと古いアプローチ角度JSの

1. を注入$ウィンドウサービスを使用することです。
2. history.back（） javascriptの機能を使用してください。
3. 完了すると、戻ってほしい場合は最も簡単な解決策です。

私は角のJS全体を書いていません。重要のみコード：

HTML-コード

<button ng-click="$ctrl.goBack()">Go Back</button> 

JS-コード

self.goBack = function(){ $window.history.back(); };