2

属性からバインディング オプションを受け取る動的ディレクティブを作成しようとしています。これは私のコントローラビューです:

<div ng-controller="OtCtrl">
     <div ng-include src="'/client/views/openTradeView.html'"></div>
</div>

私の見解：

<div>
    {{name}}
    <div swings binding="Risk" title="Risk"></div>
    <div swings binding="Amount" title="Amount"></div>
</div>

これは私のディレクティブ ビューです:

<div>
    {{title}} 
    <a href="javascript:void(0)" ng-click="minus()">-</a>
    {{amount}}
    <a href="javascript:void(0)" ng-click="plus()">+</a>
</div>

これは私の指示です：

app.directive("swings", function () {
return {
    replace: true,
    scope: {
        title : '@title',
        amount: '=binding',
        extra: '=bindingExtra'
    },
    resctrict: "A",
     controller: function($scope){

        $scope.minus = function (event, binding) {
            $scope.amount -= 1;
            console.log(binding)
        }
        $scope.plus = function (event) {
            $scope.amount += 1;
        }
    },
    templateUrl: '/client/views/swingsDirectiveView.html'
}
});

そして最後に私のコントローラー：

app.controller("OtCtrl", ['$scope', function ($scope) {
    $scope.Amount = 400;
    $scope.Risk = 100;

    setInterval(function(){
       console.log($scope.Risk)
    },2000);
}]);

ng-view を使用すると、angularjs が新しいスコープを作成することを知っています。プラスまたはマイナスをクリックすると、ディレクティブの金額が更新されますが、コントローラーのリスクモデルは更新されませんが、最初のロードディレクティブでリスクの初期値が取得され、金額が設定されます。

この問題を解決するにはどうすればよいですか。

ありがとう

4

1 に答える 1

1

model次のように、コントローラーにプロパティを作成することをお勧めします。

app.controller("OtCtrl", ['$scope', function($scope) {
  $scope.model = {
    Amount: 400,
    Risk: 100
  }
}]);

次に、次の方法でディレクティブにバインドします。

<div swings binding="model.Risk" title="model.Risk"></div>

おそらく起こっていることは、スコープの継承がAmountandのコピーを作成しRiskていることです (それらはプリミティブであるため)。一方、このようなオブジェクトを作成すると、参照がコピーされます。つまり、スコープ階層が同じデータを共有します。

于 2013-05-01T15:54:13.937 に答える