Angular中的ngOptions不生成选项

时间:2015-01-08 10:59:05

标签: javascript json angularjs cakephp

我需要来自angularjs忍者的一些帮助......

我目前正在使用角蛋糕。我有一个休息控制器,它允许角度进行通信并获得一个选项列表..服务返回一个序列化的json,如下所示

Javascript object format

以下是我尝试为下拉列表生成选项的方法:

 <div class="row" ng-controller="trackerCtrl">
            <div class="col-md-4">
                <label class="control-label" for="trackers">Choose Tracker</label>
                <select id="tracker" name="tracker" ng-model="tracker"  ngOptions="tracker.Tracking.description for tracker in trackers" class="form-control custom-input tracker">
                    <option>Select Tracker</option>
                </select>
            </div>
 </div>

有了上述内容,我在DOM

中得到了这个
<select id="tracker" name="tracker" ng-model="tracker" ngoptions="tracker.Tracking.description for tracker in trackers" class="form-control custom-input tracker ng-pristine ng-valid">
   <option value="? undefined:undefined ?"></option>
   <option value="Select Tracker">Select Tracker</option>
   <!-- Load options  -->
   <!--<option value=""></option>-->
</select> 

我也尝试使用ng-repeat得到相同的结果,所以我猜测JSON format is incorrect..

任何帮助都非常感谢,因为我对此感到困惑,因为它看起来非常简单。 请原谅我的无知,但我是棱角分明的新人。

2 个答案:

答案 0 :(得分:0)

试试这个

<div class="row" ng-controller="trackerCtrl">
            <div class="col-md-4">
                <label class="control-label" for="trackers">Choose Tracker</label>
                <select id="tracker" name="tracker" ng-model="tracker"  ng-options="tracker.Tracking.description for tracker in trackers" class="form-control custom-input tracker">
                    <option>Select Tracker</option>
                </select>
            </div>
 </div>

答案 1 :(得分:0)

ngOptions vs ng-options

<select 
    id="tracker" 
    name="tracker"
    ng-model="tracker" 
    ng-options="tracker.Tracking.description for tracker in trackers"
    class="form-control custom-input tracker"
>

我不确定是否支持这两种符号,从不使用没有破折号的符号。试试吧。

如果这不起作用,我猜ng-options中的表达式是错误的。 See the documentation