Question

我正在尝试绑定Angular中的select并遇到问题。

这是HTML

ABTesting.OnboardingExperience

在我的控制器中，我初始化＆＃34;数据＆＃34;在任何这样的AJAX调用之前：

$ scope.data = {eventID：0}

问题＃1。 data.events通过AJAX调用填充，但生成的HTML如下所示：

you can use <p> Live Safely.....</p> tag for text on the image.
you just have to change the style of the <p> tag something like this.

position:absolute;
margin-left: your_requirement;
margin-top: your_requirement;

and you can add many more according to your requirements.

问题＃2。第二个AXAJ调用加载$ scope.data，因此它变为$ scope.data.eventID = 2，但select永远不会被选择到ID为2的事件。

请注意我想绑定到data.eventID，一个整数，而不是一个对象。

感谢您的帮助。

Answer 1

您必须定义eventID

的引用

所以你的选择选项应该是

<select name="event" ng-model="data.eventID" ng-options="event.eventID as event.name for event in events track by event.eventID">
    <option value="0">--- Please select ---</option>
</select>

select-options选项中的

定义了页面上应显示的内容以及选择后该值应该绑定的内容。

所以 ng-options =＆＃34; event.eventID as event.name＆＃34; 表示 event.name 显示在页面上，为此< strong> event.name - ＆gt; event.eventID 通过 ng-modal
传递给控制器

更新：

基于你的plunker

你有$scope.data = {eventID: 0};所以它总是选择请选择

mg-model是双向绑定所以，它的绑定值是选定的选项。

检查此updated punker

删除track by event.eventID您有eventID，它为您的每个option代码提供唯一标识。

无法选择在angularJs中工作

1 个答案: