Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择“显示名称和项目”_Javascript_Html_Angularjs_Json_Ng Options - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 选择“显示名称和项目”

Javascript 选择“显示名称和项目”

javascript html angularjs json

Javascript 选择“显示名称和项目”,javascript,html,angularjs,json,ng-options,Javascript,Html,Angularjs,Json,Ng Options,我有以下项目，我想在选择-标记中显示： [var objects = {name:name1, items:2}, {name:name2, items:3}, {name:name3, items:0}] 我要创建的代码是： <select> <option value="name1">name1 [2]</option> <option value="name2">name2 [3]</o

我有以下项目，我想在
选择
-标记中显示：


    [var objects = {name:name1, items:2}, {name:name2, items:3}, {name:name3, items:0}]


我要创建的代码是：


    <select>
        <option value="name1">name1 [2]</option>
        <option value="name2">name2 [3]</option>
    </select>



我不确定是否要隐藏或禁用包含0项的选项，因此这里有一些使用ngOptions和不使用ngOptions的示例



var-app=angular.module（“app”，[]）；
应用控制器（“控制器”，功能（$scope）{
$scope.selectedOption=“”；
$scope.objects=[{
名称：“名称1”，
项目：2
}, {
名称：“名称2”，
项目：3
}, {
姓名：“姓名3”，
项目：0
}];
});


所选选项：{{selectedOption}
N带/禁用的选项
N带过滤阵列的选项
带ngRepeat和ngIf的选项
{{object.name+'['+object.items+']'}
选项w/ngRepeat和ngDisabled
{{object.name+'['+object.items+']'}

是否有必要使用
ng选项
？没有，但我四处搜索，我猜这是最简单的选项。哇，太好了，这是一个极好的解决方案！我使用了带有
ng repeat
和
ng if


   <select ng-model="data.object" 
      ng-options="object.name as object.name [object.items] 
      when object.items > 0 for object in objects">
   </select>