Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何通过AngularJS路由在url中传递所选id,并在console.log中获取数据?_Angularjs_Url Routing - Fatal编程技术网

如何通过AngularJS路由在url中传递所选id,并在console.log中获取数据?

如何通过AngularJS路由在url中传递所选id,并在console.log中获取数据?,angularjs,url-routing,Angularjs,Url Routing,我正在Url中传递所选的汽车Id,并试图在console.log中获取数据不知道我丢失的位置可能是我对在stackoverflow中检查太多解决方案感到困惑-以下是我的代码: //Controller.js $scope.chooseACar = function(selectCarId) { $scope.selectCarId = $stateParams.selectCarId; consol

我正在Url中传递所选的汽车Id,并试图在console.log中获取数据不知道我丢失的位置可能是我对在stackoverflow中检查太多解决方案感到困惑-以下是我的代码:

//Controller.js

     $scope.chooseACar = function(selectCarId)
            { 
               $scope.selectCarId = $stateParams.selectCarId;
                console.log($scope.selectCarId);
            }
//App.js

    .state('main.step3', 
    {
        url: '/step2/:selectCarId',
        templateUrl: 'pages/step3.html'
    });
//services.js

get: function(selectCarId) {
    for (var i = 0; i < carListData.length; i++) {
      if (carListData[i].id === parseInt(selectCarId)) {
        console.log(carListData[i]);
        return carListData[i];
      }
    }
    return null;
  }
get:function(选择carid){
对于(变量i=0;i
//HTML代码

<a type="submit" href="#/main/step2/{{selectCarList.id}}" class="button button-yellow button-full submitBtn" style="color:#000; display:block">CHOOSE A CAR</a>

在App.js中(如果您在url中获得ID,则无需修改。)

要获取控制器中的数据,请使用$stateparms

console.log($stateParams.selectCarId);

尝试在App.js中仅使用ng click或ui sref

(如果您在url中获得ID,则无需修改。)

要获取控制器中的数据,请使用$stateparms

console.log($stateParams.selectCarId);


尝试仅使用ng click或ui sref

尝试使用ui sref而不是href

HTML 控制器
尝试使用ui-sref而不是href

HTML 控制器
正在获取未定义的值!!ID是否附加在URL中?请尝试删除HTML中的ng href=“#/main/step2/{{selectCarList.ID}}”。并检查chooseAcar函数中的selectCar值是否被pased。我删除了ng href。现在按钮不工作!!它没有被点击你确定你想要它吗?请将标签改为div,或者从html中删除ng click并尝试设置未定义的值!!ID是否附加在URL中?请尝试删除HTML中的ng href=“#/main/step2/{{selectCarList.ID}}”。并检查chooseAcar函数中的selectCar值是否被pased。我删除了ng href。现在按钮不工作!!它没有被点击你确定你想要它吗?请将标签改为div,或者从html中删除ng click,然后尝试重新定义控制器。我的意思是我已经定义了主控制器,我不想再定义它了。不需要,在你的控制器中它自己定义。那么你在这里定义控制器,我是否把我的控制器名.state('main.step3',{url:'/step2/:selectCarId',templateUrl:'pages/step3.html',controller:ctrl,params:{carId:null,});在app.js和url中,templateUrl包含控制器和paramshere控制器意味着,从中渲染视图的控制器的名称是否需要重新定义控制器。我的意思是我已经定义了主控制器,我不想再定义它了。不需要,在你的控制器中它自己定义。那么你在这里定义控制器,我是否把我的控制器名.state('main.step3',{url:'/step2/:selectCarId',templateUrl:'pages/step3.html',controller:ctrl,params:{carId:null,});在app.js和url中,templateUrl包括控制器和paramshere控制器,表示从中呈现视图的控制器的名称
$scope.selectCarId = $stateParams.selectCarId;
console.log($scope.selectCarId);
<a type="submit" ui-sref="main.step3({carId : selectCarList.id})"
   class="button button-yellow button-full submitBtn" 
   style="color:#000; display:block">CHOOSE A CAR
</a>
.state('main.step3', 
{
    url: '/step2/:selectCarId',
    templateUrl: 'pages/step3.html',
    controller: `Your Controller Name`,
    params: { carId: null, }
});
$scope.chooseACar = function(){ 
                                  $scope.selectCarId = $stateParams.carId;
                                  console.log($scope.selectCarId);
                              }