インラインオブジェクトとの角度拘束オプションの作成方法</p> <pre><code>scope: { a:'=?' }, </code></pre> <p>これはあなたがすることを選択した場合、あなたが一方向にバインド物事を渡すことができることを意味する必要があります：

Question

私は?を使用して、オプションとしてマークされている私のディレクティブの属性を持っています。例えば、a="foo()"。

私は、インラインオブジェクト、a="{x: 5}"に合格しようとすると、しかし、それはエラーで失敗します。

Error: [$compile:nonassign] Expression '{ x: 5 }' in attribute 'a' used with directive 'dir' is non-assignable!

このケースでは、私の?を無視するように見えます。 ?を尊重したり、エラーを抑制する方法はありますか？ここで

 

はそれの例では、オブジェクトのための機能で作業したが失敗している：あなたは間違っているので

http://jsbin.com/fapodigiza/edit?html,js,console,output

Answer 1

ことがありますか=？オプションの双方向の寝台用ですが、それはあなたの寝台を一方向にしません。このオプションの一方向の結着に活用するために：

angular 
 
.module('app', []) 
 
.directive('dir', function(){ 
 
    return { 
 
     template: 
 
    '<div>a: {{a}} <br />b: {{b}} <br />c: {{c}}</div>', 
 
     scope: { 
 
      a:'<?', 
 
      b:'<?', 
 
      c:'<?' 
 
     }, 
 
     link: function(scope){ 
 
      scope.$root.func = function() { 
 
       return 'rootFunc'; 
 
      } 
 
      
 
      scope.a=1; 
 
      scope.b=1; 
 
      scope.c=1; 
 
     } 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
 

 
<div ng-app="app"> 
 
    <dir 
 
    a="{ x: 5 }" 
 
    b="func()" 
 
    ></dir> 
 
</div>