尝试在angularjs中使用ng repeat填充html select
我正在尝试使用ng repeat在html中填充select,但它不起作用。我观察到,当我检查我的浏览器时,我的ng repeat似乎被注释了 我的html:尝试在angularjs中使用ng repeat填充html select,html,angularjs,select,ng-repeat,Html,Angularjs,Select,Ng Repeat,我正在尝试使用ng repeat在html中填充select,但它不起作用。我观察到,当我检查我的浏览器时,我的ng repeat似乎被注释了 我的html: <select ng-model="transportcompanies" ng-options="TransportCompany in transportcompanies" value="{{TransportCompany.denumire}}"> <option>{{ TransportComp
<select ng-model="transportcompanies" ng-options="TransportCompany in transportcompanies" value="{{TransportCompany.denumire}}">
<option>{{ TransportCompany.denumire }}</option>
</select>
我的控制器:
angular.module('raceModule').controller('racesInsertController', ['$scope', '$http', '$state', function($scope, $http, $state) {
const SERVER = 'https://proiectweb-sebastianburchi.c9users.io/#!'
let $constuctor = () => {
$http.get(SERVER + '/races/insert')
.then((response) => {
$scope.race=response.data
})
.catch((error) => console.log(error))
}
$constuctor()
$scope.open = function($event,opened) {
$event.preventDefault();
$event.stopPropagation();
$scope[opened] = true;
};
$scope.getTemplate = (TransportCompany) => {
return 'display'
}
}])
我已编辑我的帖子,尝试使用ng-options。ng-repeat无效。现在它显示我,但我有TransportCompany.denumire作为选项。不是它的值
<option ng-repeat="TransportCompany in transportcompanies"> {{TransportCompany.denumire}}</option>
{{TransportCompany.denumire}
您为ng repeat iterator对象和选项编写了相同的名称。因此,当您从“选择”列表中选择一个选项时,该值会覆盖。因此,将名称更改为其他名称,如下所示:
<select ng-model="transportcompanies">
<option ng-repeat="TransportCompany in transportcompanies" value="{{TransportCompany.denumire}}">TransportCompany.denumire</option>
</select>
丹麦运输公司
致:
丹麦运输公司
{{option.display}
请参阅plunker首先,请维护命名约定。除此之外,以下各项应可以正常工作:
<select ng-model="transportcompanies">
<option ng-repeat="TransportCompany in transportcompanies" value="{{TransportCompany.denumire}}">{{TransportCompany.denumire}}</option>
</select>
{{denumire运输公司}
供参考:如果将响应数据分配给
$scope.race
,请尝试在race
上迭代
<select ng-model="transportcompanies" ng-options="TransportCompany in race" value="{{TransportCompany.denumire}}">
<option>{{ TransportCompany.denumire }}</option>
</select>
{{TransportCompany.denumire}}
remove{{}
,它应该像value=“TransportCompany.denumire”
@gauravbhavsar仍然不工作,ng repeat仍然在我的浏览器中被注释请显示您的ngController代码,在何处定义运输公司?请尝试将选项的ng model
更改为som other name。对不起,您是否尝试删除硬编码字符串?然后放{{TransportCompany.denumire}}它是否显示了任何控制台错误或哪里出了问题?你会提供一个plunker吗?
<select>
<option ng-repeat="option in options" ng-value="option.html">
{{option.display}}
</option>
</select>
<select ng-model="transportcompanies">
<option ng-repeat="TransportCompany in transportcompanies" value="{{TransportCompany.denumire}}">{{TransportCompany.denumire}}</option>
</select>
<select ng-model="transportcompanies" ng-options="TransportCompany in race" value="{{TransportCompany.denumire}}">
<option>{{ TransportCompany.denumire }}</option>
</select>