Angularjs 如何在编辑模式下绑定下拉控件?
我有一个国家及其相应州的名单 现在我想在编辑模式下打开时,在下拉控件中绑定country和state值 这是fiddler链接: 就像我使用文本框来显示firstname和lastname.samway一样,我想使用下拉列表来显示我的国家名和州名,如果用户想选择,允许用户从下拉列表中选择其他国家和州 我从这个链接中获取了代码,并添加了一些字段: 您可以使用ng repeatAngularjs 如何在编辑模式下绑定下拉控件?,angularjs,ng-options,Angularjs,Ng Options,我有一个国家及其相应州的名单 现在我想在编辑模式下打开时,在下拉控件中绑定country和state值 这是fiddler链接: 就像我使用文本框来显示firstname和lastname.samway一样,我想使用下拉列表来显示我的国家名和州名,如果用户想选择,允许用户从下拉列表中选择其他国家和州 我从这个链接中获取了代码,并添加了一些字段: 您可以使用ng repeat <select data-ng-show="friend.editMode" ng-model="friend.Co
<select data-ng-show="friend.editMode" ng-model="friend.Country.Name">
<option ng-repeat="country in countries" value="{{country}}" ng-selected="friend.Country.Name==country">{{country}}</option>
</select>
您可以使用ng repeat
<select data-ng-show="friend.editMode" ng-model="friend.Country.Name">
<option ng-repeat="country in countries" value="{{country}}" ng-selected="friend.Country.Name==country">{{country}}</option>
</select>
这是您想要的,您可以为州和国家的选择框使用ng选项
$scope.countries = ['America', 'Australia', 'london'];
HTML
注
使用track by id选择本节中建议的加载选项
这是您想要的,您可以为州和国家的选择框使用ng选项
$scope.countries = ['America', 'Australia', 'london'];
HTML
注
使用track by id选择本节中建议的加载选项
我应该更新我的角度版本,以便您可以使用ng选项吗?没有必要,ng选项只是编写ng repeat的一种更奇特的方式。然而,Angular 1.3还有很多其他的好东西,所以你可能想升级到Angular 1.3,请记住它没有i.e8支持。但是你仍然可以为我提供带有ng选项和阵列结构的解决方案。补充,顺便说一句,我想你可能有能力在你当前的版本中使用ng选项,所以我可能犯了一个错误,所以请尝试一下。你可以创建一个聊天,以便我们可以讨论。请我更新我的角度版本,以便你可以使用ng选项吗?没有必要,ng选项只是一种更奇特的书写ng重复的方式。然而,Angular 1.3还有很多其他的好东西,所以你可能想升级到Angular 1.3,请记住它没有i.e8支持。但是你仍然可以为我提供带有ng选项和阵列结构的解决方案。补充,顺便说一句,我认为您可能有能力在当前的选项中使用ng选项,因此我可能在这里犯了一个错误,请尝试一下。您能否创建一个聊天室,以便我们进行讨论。请告诉我们。@MariaPithia抱歉地说,但是我现在不能加入聊天:好的,没问题,但是只要看看我在聊天中发给你的代码就可以了,然后请编辑你的状态下拉代码,因为我在绑定状态下拉列表中遇到了问题。只有国家下拉列表与你的代码绑定正确。所以只要看看我在聊天中发给你的代码,你的状态下拉列表就会变成这样“这就是为什么你们不像我在普朗克里特语中所做的那样把国家和州分开的原因,可能有点像,部分地起作用了……让我们来吧。”马里亚皮西亚很抱歉地说,但是我现在不能加入聊天:好的,没问题,但是只要看看我在聊天中发给你的代码就可以了,然后请编辑你的状态下拉代码,因为我在绑定状态下拉列表中遇到了问题。只有国家下拉列表与你的代码绑定正确。所以只要看看我在聊天中发给你的代码,你的状态下拉列表就会变成这样这就是为什么你们不像我在《普朗克里特》中所做的那样将国家和州分开的原因,可能是,部分工作。。
<td>
<p data-ng-hide="friend.editMode">{{ friend.Country.Name }}</p>
<select data-ng-show="friend.editMode" ng-model="friend.Country" ng-options="country.Name for country in countries track by country.Id "></select>
</td>
<td>
<p data-ng-hide="friend.editMode">{{friend.State.Name }}</p>
<select data-ng-show="friend.editMode" ng-model="friend.State" ng-options="state.Name for state in states track by state.Id "></select>
</td>
$scope.countries = [{
"Id": 1,
"Name": "America",
}, {
"Id": 2,
"Name": "Australia",
}, {
"Id": 3,
"Name": "london",
}];
$scope.states = [{
Id: 1,
CountryId: 1,
Name: "Chicago",
}, {
Id: 2,
CountryId: 2,
Name: "sydney",
}, {
Id: 3,
CountryId: 3,
Name: "abc",
}];