AngularJS-ng-model没有选择任何选择选项 - 无法访问数据

Question

我开始使用Angular并尝试制作一个简单的编辑表单，以便与restful apis进行交互。

我现在处理一个问题几个小时......在处理选择选项时，Angular不能很好地填充我的表单。这似乎是一个类型问题。

源代码可在github上找到：https://github.com/GloomySpark/website

这是一个Laravel / Angular应用程序...相关文件应该是 /tree/master/public/assets/js/angular/admin

和

/blob/master/public/views/category/admin/edit.html

非常感谢你的帮助......

Answer 1

我发现您正在使用ng-repeat创建选择选项。最好使用ng-options代替。{1}}。这是带有ng-options语法的小简单demo。

请尝试以下内容，

<select name="state" id="category_state" class="form-control" ng-model="category.category.state_id" required ng-options="state.id as state.slug for state in states">
</select>

Answer 2

经过一番搜索后，我发现了原因并不合适。 如上所述，我也尝试使用ng-options，但是如果有人知道如何使用这个解决方案，请随意评论......

问题是由于category.state是一个对象，因为我想使它与state_id相等，这是一个数字。

我找到的解决方案如下：

        <select id="state_id" name="state_id" class="form-control" ng-model="category.state_id">
            <option ng-selected="category.state_id==state.id" ng-repeat="state in states" value="{{ state.id }}">{{ 'state.'+state.slug | i18n }}</option>
        </select>