将对象绑定在Angularjs的组合框中

时间:2015-06-01 09:24:31

标签: angularjs data-binding combobox

我将Json格式的数据集合作为日期,作者和描述。我有两个组合框来绑定日期和作者和一个文本框来绑定描述。如何绑定所有这些,以便如果我从组合框1中选择一个特定的日期,它应该自动选择组合框2中的相应作者和文本框中的相应描述。我在Jquery早期做过这个,但不知道如何以Angular方式做到这一点。请指教。

1 个答案:

答案 0 :(得分:0)

您的主范围应包含一个数组,表示您要在屏幕上显示的集合。

$scope.collections = [
  {...},
  {...},
  {...}
];

然后触发选择适当数据的功能。

$scope.dateChanged = function () {
  var appropriateData = $scope.collections.map(function (e) { return e.date; }).indexOf($scope.date);

  if (appropriateDate > -1)
    $scope.currentObject = $scope.collections[appropriateData];
}

然后,您可以在控制器中创建一些使用属性绑定值的指令:

<div id=box1 my-box1 author="{{ currentObject.author }}"></div>

我无法相信我回答这个问题。