角度指示スコープ。単一変数をどのように単離するか

私は角度指示文を持つ入力ラッパーを作成しようとしていて、ラベルは異なるはずです。今では、入力外のモデルにアクセスすることもできません（スコープでも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>

plunker：http://plnkr.co/edit/XxeMlVv6I6qOwjPoCUtQ?p=preview

出典

2016-10-16 23:55:34 Andriy

ありがとう。 'label'はどうですか？ http://plnkr.co/edit/ncr6QtZ4Diy2uTHYA7dF?p=preview – Undefitied

スコープが追加されました。本当に有効です。手伝ってくれてありがとう。 – Undefitied

角度指示スコープ。単一変数をどのように単離するか

答えて

関連する問題