Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.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 select设置为记录中的正确值?_Angularjs - Fatal编程技术网

Angularjs 如何将ng select设置为记录中的正确值?

Angularjs 如何将ng select设置为记录中的正确值?,angularjs,Angularjs,堆栈:角度、猫鼬、节点 我们有两个模型,一个是资格(id和name),一个是用户(几个属性,但也有对资格的对象引用) qualification: {type : Schema.ObjectId, ref : 'Qualification'} <p>{{user.qualification}}</p> <div class="form-group"> <label class="col-m

堆栈:角度、猫鼬、节点 我们有两个模型,一个是资格(id和name),一个是用户(几个属性,但也有对资格的对象引用)

qualification: {type : Schema.ObjectId, ref : 'Qualification'}
 <p>{{user.qualification}}</p>

            <div class="form-group">
                <label   class="col-md-2 control-label">Qualification</label>
                <div class="col-md-2" >

                    <select data-ng-model="user.qualification"
                            name = "user.qualification"
                            data-ng-options="qual._id for qual in qualifications">

                    </select>


                </div>
            </div>
在我们的角度视图中,在呈现之前,我们使用$http从后端加载所选用户并显示不同的输入字段。 我们还希望在下拉列表中显示可能的资格,并确保选中当前分配的资格

在这个片段中,您可以看到: 1°{{user.qualification}}正确显示存储在mongo中的所选资格的id 2°下拉列表正确填充 3°如果我通过选择一个来更改dropdownlist的值,它将在标记中更新 4°如果我在此表单中调用我的保存方法,所选值将保存在mongo中

唯一不起作用的是下拉列表的初始状态设置为当前用户资格

qualification: {type : Schema.ObjectId, ref : 'Qualification'}
 <p>{{user.qualification}}</p>

            <div class="form-group">
                <label   class="col-md-2 control-label">Qualification</label>
                <div class="col-md-2" >

                    <select data-ng-model="user.qualification"
                            name = "user.qualification"
                            data-ng-options="qual._id for qual in qualifications">

                    </select>


                </div>
            </div>
查看

<section data-ng-controller="AdministrationController" data-ng-init="findOneUser()"  >
    <h3>Edit User{{user._id}}</h3>

    <form class="form-horizontal col-md-12" role="form" data-ng-submit="updateUser()">
        <!-- LEFT -->
        <div class="col-md-5">
                <div class="form-group">
                    <label  for="firstName" class="col-md-2 control-label">FirstName</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" data-ng-model="user.profile.personal.firstName" id="firstName" placeholder="Firstame" >
                    </div>
                </div>

                <div class="form-group">
                    <label  for="lastName" class="col-md-2 control-label">Lastname</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" data-ng-model="user.profile.personal.lastName" id="lastName" placeholder="Lastname" >
                    </div>
                </div>

                <div class="form-group">
                    <label  for="mobile" class="col-md-2 control-label">Mobile</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" data-ng-model="user.profile.contact.mobile" id="mobile" placeholder="Mobile" >
                    </div>
                </div>

                <div class="form-group">
                    <label  for="phone" class="col-md-2 control-label">Phone</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" data-ng-model="user.profile.contact.phone" id="phone" placeholder="Phone" >
                    </div>
                </div>
                <div class="form-group">
                    <label  for="featured" class="col-md-2 control-label">Featured</label>
                    <div class="col-md-2">
                        <input type="checkbox" class="form-control" data-ng-model="user.featuredArtist" data-ng-checked="user.featuredArtist" id="featured"   >
                    </div>
                </div>
        </div>
        <!-- RIGHT -->
        <div class="col-md-7">
            <div class="form-group">
                <label  for="street" class="col-md-2 control-label">Street</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" data-ng-model="user.profile.address.street" id="street" placeholder="Street" >
                </div>
            </div>
            <div class="form-group">
                <label  for="postalCode" class="col-md-2 control-label">Postal code</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" data-ng-model="user.profile.address.postalCode" id="postalCode" placeholder="Postal code" >
                </div>
            </div>
            <div class="form-group">
                <label  for="city" class="col-md-2 control-label">City</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" data-ng-model="user.profile.address.city" id="city" placeholder="City" >
                </div>
            </div>
            <div class="form-group">
                <label  for="state" class="col-md-2 control-label">State</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" data-ng-model="user.profile.address.state" id="state" placeholder="State" >
                </div>
            </div>
            <div class="form-group">
                <label  for="blocked" class="col-md-2 control-label">Blocked</label>
                <div class="col-md-2">
                    <input type="checkbox" class="form-control" data-ng-model="user.blocked" data-ng-checked="user.blocked" id="blocked"   >
                </div>
            </div>
            **<p>{{user.qualification}}</p>

            <div class="form-group">
                <label   class="col-md-2 control-label">Qualification</label>
                <div class="col-md-2" >

                    <select data-ng-model="user.qualification"
                            name = "user.qualification"
                            data-ng-options="qual._id for qual in qualifications">

                    </select>


                </div>
            </div>**



        </div>
        <div class="form-group">
            <div class="col-md-offset-5 col-md-4">
                <button type="submit" class="btn btn-primary">Submit</button>
                <button type="cancel" class="btn btn-default" ng-click="cancelUser()">Cancel</button>
            </div>


        </div>
    </form>



</section>

编辑用户{{User.\u id}
名字
姓氏
可移动的
电话
作为特色的
大街
邮政编码
城市
状态
此 路 不通
** {{用户资格}

资格 ** 提交 取消
下拉列表的初始状态应该是什么?存储在user.configuration中的值。例如,在mongo中,存在以下资格。默认、专业、私人、公共我有一个名为Peter的用户,该用户具有专业资格,因此当我要编辑此用户时(在此示例中)下拉列表应该选择Professional,因为这是当前状态。请提供一个JSFIDLE。它完全集成在一个多模块应用程序中。我将用更多信息编辑文章。这是设置不正确的部分