Javascript angularjs根据控制器值动态显示表达式
我不善于解释,我希望你们理解我的要求,并在这里帮助我 我有一个观点,下面重复Javascript angularjs根据控制器值动态显示表达式,javascript,angularjs,Javascript,Angularjs,我不善于解释,我希望你们理解我的要求,并在这里帮助我 我有一个观点,下面重复 <div ng-repeat="item in allitems"> {{displaydata}} </div> 我希望用户能够选择要输出到视图的“字段”,而不是硬编码要在视图中显示的内容。$scope.allitems应该是一个数组 $scope.allitems = [ {name:"car",price:"999",qty:8}, {name:"bag",price:"127"
<div ng-repeat="item in allitems"> {{displaydata}} </div>
我希望用户能够选择要输出到视图的“字段”,而不是硬编码要在视图中显示的内容。
$scope.allitems
应该是一个数组
$scope.allitems = [
{name:"car",price:"999",qty:8},
{name:"bag",price:"127",qty:2},
{name:"dog",price:"777",qty:3},
{name:"cat",price:"333",qty:4}
]
在html上,您可以简单地
<div ng-repeat="item in allitems">
I want {{item.name}} which cost {{item.price}}
</div>
关于HTML:
<div ng-repeat="item in allitems">
{{ displaydata(item, 'name', 'price') }}
</div>
{{displaydata(项,'name','price')}
如果您可以将
名称
和价格
调整为来自您拥有的变量您可以使用ngoptions来允许用户选择选项:
<select name="mySelect" id="mySelect"
ng-options="item in allitems track by $index"
ng-model="selectedOption"> </select>
I want {{selectedOption.name}} which cost {{selectedOption.price}}
我想要{{selectedOption.name},它花费{{selectedOption.price}
那么就用我想要{{{item.name}}哪一个花费{{item.name}
或者你到底需要什么?这个ng repeat
甚至不能像写的那样工作;此模式对于对象无效allitems
必须是一个数组。非常感谢,这正是我要找的
<div ng-repeat="item in allitems">
{{ displaydata(item, 'name', 'price') }}
</div>
<select name="mySelect" id="mySelect"
ng-options="item in allitems track by $index"
ng-model="selectedOption"> </select>
I want {{selectedOption.name}} which cost {{selectedOption.price}}