javascript - 如何使用 AngularJS 根据下拉列表中的选定值显示元素

Question

这是我的 html:

<select ng-model='selectedtype' ng-options='item.tagname for item in types.name'>
    <option value="">select type</option> 
</select>
<p ng-show = 'selectedtype.tagname in {{primitives}}'> 
    <br>value of the field : <input ng-model='blockvalue' type='text' name='blockvalue'> <br>
</p>

我想让包含 block 值的段落仅在选择某些类型时输入。

这是包含类型的数组:

$scope.primitives =["gco:CharacterString","Real","Integer","Decimal","Url","gco:Date","gco:DateTime","gco:Measure"];

这是可以选择的示例:

{
    "tagname": "gmd:abstract",
    "#text": "Abstract"
},
{
    "tagname": "gco:CharacterString",
    "#text": "Primitive type"
}

我知道这个表达式行不通，但我无法找到让它工作的方法。

Answer 1

由于基元是一个数组，因此您可以这样做:

<p ng-show = 'primitives.indexOf(selectedtype.tagname) != -1'> 
    <br>value of the field : <input ng-model='blockvalue' type='text' name='blockvalue'> <br>
</p>