Angularjs 如何将ng select设置为记录中的正确值?
堆栈:角度、猫鼬、节点 我们有两个模型,一个是资格(id和name),一个是用户(几个属性,但也有对资格的对象引用)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
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。它完全集成在一个多模块应用程序中。我将用更多信息编辑文章。这是设置不正确的部分