Question

我的问题是我希望点击的元素被选中进行编辑，我实际上是addExpert view，但我的元素尚未被选中，因为我有data-ng-model="Item.genre和{{1}在我的2.选择我想念的是什么？ here s the complete

体验视图 -

data-ng-model="Item.rate

addexpertView

<div class="form-group">
  <label for="txtName">Company Name</label>
    <input type="text" id="search" data-ng-model="search"  class="form-control" />
</div>

   <table class="table  table-hover">
  <tbody>
   <tr>
     <th>Name</th>
     <th>Genre</th>
     <th>Rating</th>
   </tr>
  <tr  data-ng-repeat="item in message | filter:search" data-ng-click="editItem($experience)">
    <td>{{ item.name}}</td>
    <td>{{ item.genre}}</td>
    <td>{{ item.rate}}</td>
  </tr>

   </tbody>

  </table>
  <button class="btn btn-primary" data-ng-click="addExperience()">
    add experience
  </button>

编辑控制器

<div class="form-group">
  <label for="chcTech">Tech</label>
  <select name="chcTech" id="chcTech" class="form-control" data-ng-model="Item.genre">
    <option value="c#">c#</option>
    ...
  </select>
  </div>

  <div class="form-group">
  <label for="chcRate">Rate</label>
  <select name="chcRate" id="chcRate" class="form-control" data-ng-model="Item.rate">
    <option value="1">1</option>
  ....
  </select>
....  
  </div>

routeProvider的配置

 cvApp.controller("editExperienceController",["$scope", "$location", "$routeParams","experienceService",
    function($scope, $location, $routeParams, experienceService){

  $scope.Item= experienceService.getExperience()[parseInt($routeParams.FOO)];
      $scope.save=function(){
        //save
        $location.path("/about");
      }
       $scope.cancel=function(){
        $location.path("/about");
      }
    }])

服务中的getExperience功能

cvApp.config(function($routeProvider) {
      $routeProvider

      ....
        .when('/about/:FOO', {
        templateUrl: 'pages/addExpert.html',
        controller: 'editExperienceController'
      })
      ...
       .otherwise({
        redirectTo:"pages/home"
      });
    });

Answer 1

在体验视图中，它不是$ experience而是$ index

<tr  data-ng-repeat="item in message | filter:search" data-ng-click="editItem($index)">

选择要编辑AngularJS的项目

1 个答案: