각도 지시 범위입니다. 단일 변수를 분리하는 방법

각도 지시어가있는 입력 래퍼를 만들려고하고 다른 레이블이 있어야합니다. 이제는 심지어 입력 범위 밖의 모델에도 액세스 할 수 없습니다 (범위 : false 포함).각도 지시 범위입니다. 단일 변수를 분리하는 방법

HTML :

<input-block data-label="my label"> 
    <input class="input-field" type="text" name="test" ng-model="test"/> 
</input-block> 

Test: {{test}} <!--not working-->

각도 :

profileApp.directive('inputBlock', function() { 
    return { 
     replace: true, 
     restrict: 'E', 
     transclude: true, 
     template: '' + 
     '<div class="input-block">' + 
      '<span class="input-text">{{label}}</span>' + 
      '<ng-transclude></ng-transclude>' + 
     '</div>', 
     link: function(scope, element, attrs) { 
      scope.label = attrs.label; 
     } 
    }; 
});

지금은 유일한 아이디어는 이미 여기에 말한 것처럼 하나의 변수 또는

출처

2016-10-16 Undefitied

* 항상 항상 항상 * ng-model에서 개체를 사용하십시오! – charlietfl

@charlietfl 소리가 나지 않습니다. ''에 대해 당신은 무엇을합니까? – Phil

무슨 뜻인지 잘 모르겠다 @Phil – charlietfl

비슷한 분리 할 수있는 방법을 찾기 위해, 그냥 ng-model에 객체 사용 :

<body ng-init="model = {}"> 
    <input-block data-label="my label2"> 
    <input class="input-field" type="text" name="test" ng-model="model.test"/> 
    </input-block> 

    Test: {{model.test}} 
</body>

큰 그림 : http://plnkr.co/edit/XxeMlVv6I6qOwjPoCUtQ?p=preview

출처

2016-10-16 23:55:34 Andriy

Ok. 감사. 그리고'label'은 어떨까요? http://plnkr.co/edit/ncr6QtZ4Diy2uTHYA7dF?p=preview – Undefitied

범위를 추가하면 true이고 작동합니다. 도와 주셔서 감사합니다. – Undefitied

각도 지시 범위입니다. 단일 변수를 분리하는 방법

답변

관련 문제