javascript - 如何在 Angularjs 中传递从 contextscope 的下拉列表中选择的值？

Question

我有一个下拉菜单

$scope.animals = [
      {value:'lion', name:'lion', description: 'lion'}, 
      {value:'cat', name:'cat', description: 'cat'}, 
      {value:'dog', name:'dog', description: 'dog'}, 
    ];

并且我想将从下拉列表中选择的值作为上下文范围传递给另一个指令。例如

<md-select ng-model="context">
    <md-option ng-repeat="animal in animals" value="{{animal.value}}"  aria-label="{{animal.name}}">{{animal.name}}</md-option>
</md-select>
<div described-type flex="70" contextscope="context"></div>

在描述类型指令中，我添加描述

<input ng-model="context.description" name="context.description">

我收到以下错误: “无法在字符串“lion”上创建属性“描述””

我想要的JSON格式是

"lion" : {
           "description": "wild animal"
         }

如何解决错误并创建 JSON？

Answer 1

您设置的值不正确。 ngModel 设置了 value，您将其设置为 animal.value，在本例中是字符串 lion。相反，它应该是:

<md-select ng-model="context">
    <md-option ng-repeat="animal in animals" value="{{animal}}"  aria-label="{{animal.name}}">{{animal.name}}</md-option>
</md-select>
<div described-type flex="70" contextscope="context"></div>