1

你能帮我找到一种方法来设置和获取放置在我的自定义指令中的选择元素值吗？

这就是我所拥有的：

 <body ng-app="myApp">
    <div ng-controller="MyCtrl">
      <div ng-repeat="category in categories">
        {{category.Name}}: 
        <status-selector items="statuses" ng-model="selectedStates[status.Id]"></status-selector>
      </div>
    </div>
  </body>

我有两个数组：类别和状态。每个类别都可以有自己的状态。选择类别的状态后，应将其保存到 selectedStatus 以最终获得类似[{CategoryId:1,StatusId:2},{CategoryId:2,StatusId:3}]. 如果 selectedStatus 已经初始化，我想查看相应类别的选择状态，这意味着我还需要输入值，而不仅仅是读取它们。

myApp
.controller("MyCtrl", function($scope) {
    $scope.categories = [{Id:1, Name: "Category1"}, {Id: 2, Name: "Category2"}];
    $scope.statuses = [{Id: 1, Name: "Low"}, {Id: 2, Name: "Normal"}, {Id: 3, Name: "High"}]
    $scope.selectedStates = {};
})
.directive('statusSelector', function() {
    return {
        restrict: 'E',
        replace: true,
        scope: { items: '=', ngModel: '='},
        template: '<span><select class="select" ng-options="obj.Id as obj.Name for obj in items" ng-model="ngModel"></select></span>',
        link: function(scope, element, attrs) {
        }
    }
});

谢谢你。

演示：小提琴

4

1 回答 1

3

您应该有自己的类别模型作为ng-model. 它可能更有意义。

<status-selector items="statuses" ng-model="category.Status"></status-selector>

要设置状态，只需带上Status填写的 JSON。

// ...
.controller("MyCtrl", function($scope) {
  $scope.categories = [{Id:1, Name: "Category1", Status: 1}, {Id: 2, Name: "Category2"}];
// ...

显然，要获得用户的选择，只需获取category.Status属性即可。这是更新的小提琴。

此外，只是一个侧面提示。您似乎来自 .Net 背景，习惯于 Pascal 案例。在 javascript 中，使用驼峰大小写是常识，所以你会{id: ..., status: ...}使用{Id: ..., Status: ...}.

于 2013-03-23T12:40:57.193 回答