angular.js - Bagaimana untuk mendapatkan nilai daripada dua direcitve
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 16:54:59
0
1
603


Cara untuk mendapatkan nilai ​​​​dalam skop sepadan dua ARAH yang berbeza
kod JS

.directive('save',function(){
    return{
        restrict:'EAC',
        template:'<p class="saveBtn bottomBtn fl" id="btnSave"><img src="images/savePic.png"></p>',
        scope:{ goodsName: '@goodName'},
        link:function(scope,element,attrs){
            var childElem = element.find('toggleName');
            var childScope = childElem.isolateScope();
            element.on('click', function() {
                    var jsonData = scope.goodName;
                    alert(jsonData);            
            });
        }
    };
});
 .directive('toggleName', function() {
        return {
            restrict: 'ECA',
            templateUrl: 'views/partials/toggleName.html',
            transclute: true,
            link: function(scope, element, attrs) {
                scope.toggleName = function() {
                    scope.isSuccessName = !scope.isSuccessName;
                };
            }
        };
    })

Kod HTML

 <p class="realInputCon fr">
        <input type="text" maxlength="255" placeholder="请输入" class="realCodeField realFieldCommon" ng-model="goodName">
    </p>

simpan mendapat goodName dalam togglename

曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua(1)
某草草

Hanya gunakan memerlukan


 .directive('toggleName', function() {
        return {
            restrict: 'ECA',
            templateUrl: 'views/partials/toggleName.html',
            controller: function($scope) {
                $scope.goodName = 'togglename';
                this.getName = function() {
                    return $scope.goodName;
                };
            },
            transclute: true,
            link: function(scope, element, attrs) {
                scope.toggleName = function() {
                    scope.isSuccessName = !scope.isSuccessName;
                };
            }
        };
    })

.directive('save',function(){
    return{
        restrict:'EAC',
        template:'<p class="saveBtn bottomBtn fl" id="btnSave"><img src="images/savePic.png"></p>',
        require: 'toggleNmae',
        link:function(scope,element,attrs, toggleNameController){
            var childElem = element.find('toggleName');
            var childScope = childElem.isolateScope();
            element.on('click', function() {
                    var jsonData = scope.goodName;
                    alert(jsonData);            
            });
            //这里就是toggleName控制器的使用了
            toggleNameController.getName();
        }
    };
});
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan