javascript - 单击 AngularJS/bootstrap 外部后选择空

Question

我是 AngularJS 新手，目前我在选择方面遇到问题。

我正在编辑现有的用户信息，当选择配置文件(perfil)或企业(empresa)时，它开始为空白，这不是问题，问题是如果我在任何输入之外单击，所选的选项从 View 中消失(我已经检查过并且数据确实绑定(bind)了)。示例:

代码在这里:

/*This is how i obtain the profiles from a table, this returns an array of objects which contains "codigo","descripcion","idPerfil"*/
function listaperfiles(){
            var listaperf= portalServicios.listaperfiles(mntusuarioCtrl.id).$promise;

            listaperf.then(function(respuesta){
                mntusuarioCtrl.perfiles=respuesta;
            });

            listaperf.catch(function(respuesta){
                $log.error("Perfiles Error");
                $log.error(respuesta);
            });
        }

/*This function obtains a list of registered users from a table, this contains "nombre","apellidos","codigo","clave","idUsuario","tblPerfil","tblEmpresa", "estatus","email", "seleccionado" is just the user selected fomr that list that is going to be modified or deleted*/
function listaUsuarios(data){
            var listausr = ssmeServicios.obtenusuarios(data).$promise;

            listausr.then(function (respuesta){
                $log.info(respuesta);
                mntusuarioCtrl.usuarios=respuesta;
            });

            listausr.catch(function(respuesta){
                $log.error(respuesta);
            })
        }

                    <div class="form-group">
                        <label for="perfil" class="col-sm-3 control-label" style="padding-right: 10px">Perfil:</label>
                        <div class="col-sm-9">
                             <select required="true"
                                    id="perfil"
                                    ng-model="mntusuarioCtrl.seleccionado.tblPerfil"
                                    ng-options="opcion.descripcion for opcion in mntusuarioCtrl.perfiles">
                                 <option value="" select hidden/>
                             </select>
                        </div>
                    </div>

这只是一个小麻烦，但它一直困扰着我!

如果需要，我可以提供有关代码或任何内容的更多信息。

感谢您的宝贵时间!

Answer 1

这是一个plunker，其中包含一个选择示例，并使用与您的代码类似的结构进行了修改:

http://plnkr.co/edit/sOqtxVz2utHUXhw0hOQd

希望对您有帮助!如果没有，请更好地解释您的解决方案。一个笨蛋可以帮上很大的忙!

编辑:

现在通过你的笨蛋我可以看到你的错误。这是一个工作良好的 fork plunker: http://plnkr.co/edit/sm1DhanxJpLJ4Yrkhucx?p=preview

Angular 会查找对象相等性以将其与您的语法绑定(bind)，并且仅当两个对象指向相同引用时才相等。所以它无法加载所选值。但是，使用track by解决了这个问题。