在ng-repeat

时间:2017-01-07 21:54:20

标签: javascript angularjs

我有一个ng-repeat select元素,它是由MySQL表格形成的,问题是 - 可以输出范围参数在所选选项的ng-repeat之外。

我尝试过做什么:

<select ng-model="rec_name">
     <option value=" ">Select</option>
     <option ng-selected="{{rec_name == item}}"  ng-repeat="item in tasks" value="{{item.name}}">{{item.name}}</option>
</select>
<div>Operator is: {{rec_name}}</div>

基本上,它几乎就是我所需要的,但它只显示了值=&#34; {{item.name}}&#34;在运算符div字段中;这在逻辑上是可以理解的。

想想,简单地使item和rec_name等价可以让我做类似

的事情
<div>Operator is: {{rec_name.param}}</div>

同样,我要做的是从task.param隔离输出由任务组成的当前所选选项的ng-repeat div

如何调用其他项目参数?

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

你可以这样做:

<select ng-model="rec_name">
                <option value=" ">Select</option>
                <option ng-selected="{{rec_name == item}}"  ng-repeat="item in tasks" value="{{item.name}}">
<a href="#" ng-click="rec_name == item">
                            {{item.name}}
                        </a>
</option>
</select>
<div>Operator is: {{rec_name}}</div>

干杯:)

答案 1 :(得分:0)

您必须手动处理click事件。

使用以下代码

<强> HTML

<select class="form-control" ng-model="selecteditem"
        ng-options="selecteditem as selecteditem.brand for selecteditem in dropdownval">

                </select>
<div>Operator is: {{clicked_rec_name}}</div>


Have the following method in your controller

$scope.getClickedItem=function(item)
{
        $scope.clicked_rec_name=item.rec_name;
}

<强> LIVE DEMO