角度导航(编辑项目列表) - 不工作

时间:2015-10-31 00:34:27

标签: angularjs ionic

我是Ionic / Angularjs的初学者。 在Windows 10上开发侧边菜单应用程序。 我在SQLite上的select语句中填充了一个页面。 我将使用状态参数导航到编辑页面但不响应来编辑单个项目。非常感谢您的帮助:

<a href="#/edit/{{task.id}}" class="item" ng-repeat="task in Ourdata">
        <h2>{{task.id}}</h2>
        <p>{{task.name}}</p>
</a>

.config(function($stateProvider, $urlRouterProvider){
    $stateProvider
      .state('list',{
        url: '/list',
        templateUrl: 'templates/list.html'
      })
    .state('edit',{
      url: '/edit:taskId',
      templateUrl: 'templates/edit.html'
     });
    $urlRouterProvider.otherwise('/list');
})

1 个答案:

答案 0 :(得分:0)

您应该在/

之前插入斜杠:

我编辑并添加了一个控制器:

.config(function($stateProvider, $urlRouterProvider){
    $stateProvider
      .state('list',{
        url: '/list',
        templateUrl: 'templates/list.html'
      })
    .state('edit',{
      url: '/edit/:taskId',
      templateUrl: 'templates/edit.html',
      controller: 'MyCtrl'
     });
    $urlRouterProvider.otherwise('/list');
})

在您的控制器中:

.controller('MyCtrl', function($stateParams){
    var taskId = $stateParams.taskId;
});