我试图创建一个动态指令,将从属性接收他的绑定选项。 这是我的控制器观点:Angularjs双向绑定问题
<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会创建新的范围。我的问题是,当我单击加号或减号时,指令更新中的金额不是控制器中的风险模型,而是在第一个加载指令中采用风险初始值并设置金额。
我该如何解决这个问题。
感谢
我不确定我理解你的问题。我用你的代码创建了一个Plunker,它似乎工作正常,但也许你可以重新提出你的问题。必须有一些我错过了。这是Plunk:http://plnkr.co/edit/9OXRGJ?p=preview – 2013-05-01 16:04:04