                        课程
                    
                        /前端开发
                        
                            /Angular
                        
                        /AngularJS实战

directive中的双向绑定，如何立即更新数据

directive中的双向绑定，如何立即更新数据。在controller中如何能获取到directive中更新的值？

oo4423883

2016-11-18

源自：AngularJS实战 2-11

关注问题我要回答

1891

操作

收起

2 回答

Giuseppe
2016-11-30

<body ng-app="myApp" ng-controller="mainCtrl">
ctrl:
<br>
<input type="text" ng-model="ctrlFlavor">
<br>
directive:
<br>
<drink flavor="ctrlFlavor"></drink>
<script>
    var app = angular.module('myApp',[]);
    app.directive('drink',function () {
        return{
            restrict:'AE',
            replace:true,
            scope: {
                flavor:'='
            },     
            template:'<input type="text" ng-model="flavor">'
        }
    });
    app.controller('mainCtrl',["$scope",function ($scope) {
        $scope.ctrlFlavor = '百威';
    }]);
</script>
</body>

这是一个directive中实现了双向绑定的例子。