[javascript] AngularJS:コントローラ機能からビューを切り替えるにはどうすればいいですか?


Answers

提供された回答は間違いありませんが、将来的にはより動的にやりたいと思う訪問者のために拡大したいと思っています。

ビューでは、

<div ng-repeat="person in persons">
    <div ng-click="changeView(person)">
        Go to edit
    <div>
<div>

コントローラ -

$scope.changeView = function(person){
    var earl = '/editperson/' + person.id;
    $location.path(earl);
}

受け入れられた答えと同じ基本的なコンセプト。ちょっと改善するためにダイナミックなコンテンツを追加するだけです。 受け入れられた回答がこれを追加したい場合、私は自分の答えを削除します。

Question

AngularJSのng-click機能を使用してビューを切り替えようとしています。 下のコードでこれをどうやってやるのですか?

index.html

 <div ng-controller="Cntrl">
        <div ng-click="someFunction()">
            click me
        <div>
    <div>

controller.js

  function Cntrl ($scope) {
        $scope.someFunction = function(){
            //code to change view?
        }
    }



既定のルーティング(#/ ViewName)環境を完全に改訂することなく、Codyのヒントを少し修正して、うまく動作させることができました。

コントローラ

.controller('GeneralCtrl', ['$route', '$routeParams', '$location',
        function($route, $routeParams, $location) {
            ...
            this.goToView = function(viewName){
                $location.url('/' + viewName);
            }
        }]
    );

景色

...
<li ng-click="general.goToView('Home')">HOME</li>
...

このソリューションに私をもたらしたのは、剣道のモバイルUIウィジェットを角度環境に統合しようとしていて、コントローラーのコンテキストを失っていたときで、通常のアンカータグの動作もハイジャックされたときでした。 私は剣道のウィジェットの中から自分の文脈を再確立し、ナビゲートする方法を使う必要があった...これはうまくいった。

以前の投稿をありがとう!




この小さな機能が私によく役立っています:

    //goto view:
    //useage -  $scope.gotoView("your/path/here", boolean_open_in_new_window)
    $scope.gotoView = function (st_view, is_newWindow)
    {

        console.log('going to view: ' + '#/' + st_view, $window.location);
        if (is_newWindow)
        {
            $window.open($window.location.origin + $window.location.pathname + '' + '#/' + st_view, '_blank');
        }
        else
        {
            $window.location.hash = '#/' + st_view;
        }


    };

あなたは完全なパスを必要としません、あなたが切り替えるだけのビュー




この質問への以前のすべての回答に使用された方法は、必要でないURLを変更することを示唆しています。読者は代替ソリューションを知っておく必要があります。 私はあなたのビューのhtmlファイルを指し示すtemplateUrlに状態値を関連付けるためにui-routerと$ stateProviderを使います。 それでは$ stateをコントローラに注入し、$ state.go( 'state-value')を呼び出してビューを更新するだけです。

角度経路と角度uiルータの違いは何ですか?




Links