相关疑难解决方法(0)

Angular UI模式2路绑定不起作用

我正在添加一个Angular UI Modal,我将范围传递给Modal Window以进行双向绑定.我使用该resolve方法传递范围值.这样做有点工作意味着当父模型中的ng模型值发生变化时,它会反映在模态窗口内部.但是,如果值在模态窗口内发生变化,则它不会反映在父模型中.这是我的代码:

HTML:

<div ng-app="app">
    <div ng-controller="ParentController">
        <br />
        <input type="text" ng-model="textbox.sample" /> 
        <a class="btn btn-default" ng-click="open(textbox.sample)">Click Me</a> 

        <script type="text/ng-template" id="ModalContent.html">
            <input type = "text" ng-model= "ngModel" / >
        </script>


        <br />{{ textbox }}        
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

控制器:

var app = angular.module('app', ['ui.bootstrap']);

app.controller('ParentController', function ($scope, $modal) {

    $scope.textbox = {};

    // MODAL WINDOW
    $scope.open = function (_ngModel) { // The ngModel is passed from open() function in template   
        var modalInstance = $modal.open({
            templateUrl: 'ModalContent.html',
            controller: ModalInstanceCtrl, …
Run Code Online (Sandbox Code Playgroud)

javascript twitter-bootstrap angularjs angularjs-scope angular-ui-bootstrap

10
推荐指数
2
解决办法
1万
查看次数