ng-model 未在 Modal 内更新 [英] ng-model not updating inside Modal
本文介绍了ng-model 未在 Modal 内更新的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我分配的 ng-model 可以在模态内看到控制器.但是当我更新模态内的数据时,$scope 变量没有更新.下拉菜单也不起作用,我在控制器中定义了其值.我需要更改指令吗.
<h1>模态示例</h1><button ng-click="toggleModal()" class="btn btn-default">打开模态</button><modal title="登录表单"visible="showModal"><div><select ng-model="client" ng-change="changeClient()" ng-options="clientList 中的项目"><label for="email">电子邮件地址</label><input type="text" ng-model="email" id="email" placeholder="输入电子邮件"/><div class="form-group"><label for="password">密码</label><input type="password" id="password" placeholder="密码"/>
<button type="submit" ng-click="buttonClicked()" class="btn btn-default">提交</button></modal>
控制器代码
var mymodal = angular.module('mymodal', []);mymodal.controller('MainCtrl', function ($scope) {$scope.email="hello@abc.com";$scope.showModal = false;$scope.toggleModal = function(){$scope.showModal = !$scope.showModal;};$scope.buttonClicked=function(){警报(你好1");警报($scope.email);警报($scope.client);}$scope.clientList=["300","600","900"]$scope.client=$scope.clientList[0];$scope.changeClient = function() {selectedValue=$scope.client;警报(选定值);};});mymodal.directive('modal', function () {返回 {模板:'<div class="modalfade">'+'<div class="modal-dialog">'+'