角度发送数据来查看

时间:2014-06-17 01:18:35

标签: angularjs angularjs-directive angularjs-scope angular-ui

我在

  • 中有一个链接,因为这个

    <li ng-repeat="x in data"> <a ng-href="/myurl#/view">{{x.id}}</a> </li>
    

    我想将x.id发送给myurl控制器。

    这是我的路由器

    app.config(function($routeProvider){
            $routeProvider.when('/myurl',
                {
                    templateUrl:"url.html",
                    controller:"UrlController"
                }
            )
            .otherwise({
                    redirectTo: '/find'
            });
    });
    

    这是我希望新传递的x.id值

    的地方
    app.controller("UrlController", function($scope, $http){
    
    //need vlaue here in scope
    
     });
    

    感谢

  • 1 个答案:

    答案 0 :(得分:2)

    您可以通过路由器中的URL传递变量,例如:

    链接:

    <li ng-repeat="x in data"> <a ng-href="#/myurl/{{x.id}}">{{x.id}}</a> </li>
    

    路由器:

    app.config(function($routeProvider){
        $routeProvider.when('/myurl/:id',
            {
                templateUrl:"url.html",
                controller:"UrlController"
            }
        )
        .when('/myurl',
            {
                templateUrl:"url.html",
                controller:"UrlController"
            }
        )
        .otherwise({
                redirectTo: '/find'
        });
    });
    

    控制器:

    app.controller("UrlController", function($scope, $routeParams, $http){
    
        if (angular.isDefined($routeParams.id)) {
            var id = $routeParams.id;
        }
    
    });