Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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
尝试在angularjs中使用ng repeat填充html select_Html_Angularjs_Select_Ng Repeat - Fatal编程技术网

尝试在angularjs中使用ng repeat填充html select

尝试在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

我正在尝试使用ng repeat在html中填充select,但它不起作用。我观察到,当我检查我的浏览器时,我的ng repeat似乎被注释了

我的html:

 <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>